LOADING

Google Material Design Resizer

Google Material Design Resizer0.1.0

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

官方版无广告41

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

37.17KB 0 人已下载 手机查看

简介:
在 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/) 加载到框架中。

相关资源

CSS Brush – Live CSS editor
实时 CSS 编辑器。在网页上实时应用 CSS 样式。 CSS Brush - 实时 CSS 编辑器让您的 chrome 浏览器成为 CSS 客厅来设计您的网站。一个强大的工具,可以实时设置您的网站样式。出于几个原因,编写 CSS 文件始终是一项乏味的工作。我们为所有涉及 CSS 的开发挑战提出了相当棒的解决方案
OGP Checker
使用官方 Facebook 调试器检查 OGP。您可以检查打开页面的 OGP。右键单击并单击“检查 OGP”,或者单击工具栏图标可以使用Facebook官方调试工具查看打开页面的OGP。
WASP.inspector: Analytics Solution Profiler
数字分析质量变得容易▶ WASP.inspector for Google Chrome ◀下一代网络分析质量保证。 Web Analytics Solution Profiler (WASP) 是经理、营销人员和实施专家必备的工具,他们希望审计、验证和调试通过标签和信标从其网站发送的数据。 “ 特征★ 先进的算
SnipCSS
提取任何页面上任何元素的CSS/HTML,只取你想要的样式SnipCSS 提取与网页任何部分相关的所有 CSS 样式。它适用于所有网站,点击几下后,您将获得与您试图重新创建的网站部分相关联的 CSS、HTML 和图像。您在 Web 上看到的任何酷炫设计都可以成为您快速制作原型的个人模板! ============
DisCoverage
此扩展有助于同时分析多个资源文件和多个页面的 css 和 javascript 覆盖率报告。 **故事**页面加载速度优化的重要问题之一是减少 css 和 javascript 资源的大小。通常优化工具(如灯塔)为我们提供了“削减”未使用的 css 规则或 javascript 函数的线索。那么如何检测真正未使用
Internet Explorer Countdown Timer
臭名昭著的旧浏览器倒计时的倒计时。一个轻量级的扩展,可以倒计时 Internet Explorer 的消亡。由海奥提供支持。

暂无评论

暂无评论...