LOADING

Google Material Design Resizer

Google Material Design Resizer0.1.0

在 Google Resizer 工具 (https://material.io/resizer/) 中覆盖当前页面。仅限 HTTPS。在来自 Google 的新交互式查看器中的不同断点(桌面、移动、平板电脑)处预览您的页面。甚至无需打开新标签!更新以使用 HTTPS。它也适用于 localhost / 127.

官方版无广告45

更新日期:2021年 8月 29日分类标签:语言:中文平台:

37.17KB 2 人已下载 手机查看

简介:
在 Google Resizer 工具 (https://material.io/resizer/) 中覆盖当前页面。仅限 HTTPS。在来自 Google 的新交互式查看器中的不同断点(桌面、移动、平板电脑)处预览您的页面。甚至无需打开新标签!更新以使用 HTTPS。它也适用于 localhost / 127.0.0.1 URL,在本地开发时完美!用法单击该按钮,将显示 Google Material Design Resizer (https://material.io/resizer/) 与当前加载的 URL 的叠加层。再次单击以隐藏叠加层并返回到您的网站。需要 HTTPS该扩展程序现在支持 HTTPS 页面。实际上,不仅如此:Google Resizer 现在*需要 HTTPS 页面*。在仅支持 HTTP 的网站上使用扩展程序(或直接使用 Google Resizer 网站)将使 Google Resizer 进入无限刷新循环。这是由于 Google Resizer 强制使用 `Upgrade-Insecure-Requests` 标头 (https://developers.google.com/web/fundamentals/security/pvent-mixed-content/fixing-mixed-content#upgrading_insecure_requests),从而强制要通过 HTTPS 加载的任何 HTTP 资源。该指令*级联到 iframes*,意味着非 HTTPS 页面永远不会被 Google Resizer 工具加载。由于现在大多数网站都可以通过 HTTPS 访问,因此主要问题是本地开发。要通过 HTTPS 访问您的本地页面,您可以: - 在您的本地服务器上启用 HTTPS。例如,请参阅 BrowserSync 中的 [`https` 选项](https://browsersync.io/docs/options#option-https) - 使用 SSL 代理,如 [ngrok](https://ngrok.com/docs#bind-tls)。回馈“按原样”提供。它可能仍然存在错误,请在 https://github.com/julienma/google-design-resizer-chrome-extension/issues 上报告它们笔记这与 Google 没有任何关联。一些素材是 © Google,最值得注意的是用于图标和网站的源图片(https://material.io/resizer/static/material-io-nav/static/images/resizer_dark.svg)(https://material.io/resizer/static/material-io-nav/static/images/resizer_dark.svg) material.io/resizer/) 加载到框架中。

相关资源

SERPed.net SEO Plugin
SERPed.net Chrome 扩展程序允许您检查指标和反向链接、查找关键字创意并即时分析竞争情况。 SERPed.net Chrome 扩展是一个免费插件,适用于活跃的 SERPed.net 成员。该插件将帮助您直接从浏览器即时检查指标和反向链接、查找关键字提示、分析竞争等。访问网站并想快速检查其指标和反向
Web Sniffer
查看在 Web 浏览器和 Web 服务器之间发送的所有 HTTP 请求和响应。对于每个 HTTP 请求,会显示以下信息(可以隐藏): - 标签 ID、标题 [已过滤] - 请求 ID - 类型请求 [已过滤] - 时间[过滤] - 状态 [过滤] - 方法 (GET/POST, POST Body) [已过滤]
Webflow Chrome Extension
为使用 Webflow 响应式网站设计器提供增强功能。
Opt-out for Analytics™
防止Google Analytics和Tag Manager的JavaScript API收集数据和记录用户。此扩展程序向用户正在浏览的所有网页添加一个对象,并从 Analytics API 请求不跟踪用户。与阻止 Web 请求的 adblocker 脚本不同,此扩展程序和平地请求不被记录,仅此而已!当请求被拒绝
PerfectPixel by WellDoneCode (pixel perfect)
此扩展有助于以像素完美的精度开发您的网站! PerfectPixel 允许开发人员和标记设计人员将半透明图像覆盖在开发的 HTML 之上,并在它们之间进行像素完美比较。特征: * 多层支持*层反转和缩放*每个网站的单独层*图层在浏览会话之间保存* 简约易用的用户界面*拖放文件上传,从url粘贴,从剪贴板支持粘贴*
Análisis SEO de MetricSpot
它生成 Web 报告并衡量 50 多个影响搜索引擎排名的 SEO 参数的优化程度。 MetricSpot 是一套 SEO、社交媒体和 Web 性能分析工具。在这个网站上,您可以: - 生成详细报告,分析 50 多个影响您网站在搜索引擎中的定位的 SEO 参数。 - 抓取完整的网站并逐页分析影响 SEO 的点。 -

暂无评论

暂无评论...