在来自Google的新的交互式查看器中，在不同的断点（台式机，移动设备，平板电脑）上预览页面。甚至无需打开新标签页！

更新为可使用HTTPS。

它还可以与localhost / 127.0.0.1 URL一起使用，非常适合本地开发！

用法
单击该按钮，将显示加载了当前URL的Google Material Design Resizer（https://material.io/resizer/）覆盖图。
再次单击以隐藏叠加层并返回您的网站。

需要HTTPS
该扩展现在支持HTTPS页面。
实际上，不仅如此：Google Resizer现在*需要HTTPS页面*。在仅HTTP网站上使用扩展名（或直接在Google Resizer网站上使用）将使Google Resizer进入无限刷新循环。

这是由于Google Resizer强制执行了 Upgrade-Insecure-Requests”标头（https://developers.google.com/web/fundamentals/security/prevent-mixed-content/fixing-mixed-content#upgrading_insecure_requests）通过HTTPS加载的任何HTTP资源。此指令级联到iframe” *，这意味着Google Resizer工具将永远不会加载非HTTPS页面。

由于现在大多数网站都可以通过HTTPS进行访问，因此主要的问题是本地开发。

要使本地页面通过HTTPS可用，您可以：
-在本地服务器上启用HTTPS。例如，请参阅[[BrowserSync中的https选项]（https://browsersync.io/docs/options#option-https）
-使用[ngrok]（https://ngrok.com/docs#bind-tls）之类的SSL代理。

反馈
按原样”提供。
它可能仍然存在错误，请在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）的原始图片material.io/resizer/）加载到框架中。