Google Material Design Resizer插件简介
🌹 这个应用程序可以在 ChromeFK 或 Google Chrome 网上应用商店进行下载。 ChromeFK上的所有插件扩展文件都是原始文件,并且 100% 安全,下载速度快。
Google Material Design Resizer插件描述
Preview your page at different breakpoints (desktop, mobile, tablet) in the new interactive viewer from Google. And without even opening a new tab! UPDATED TO WORK WITH HTTPS. It also wks with localhost / 127.0.0.1 URLs, perfect when developing locally! USAGE Click the button, an overlay of Google Material Design Resizer (https://material.io/resizer/) with the current URL loaded will be displayed. Click again to hide the overlay get back to your website. REQUIRES HTTPS The extension now suppts HTTPS pages. Actually, its me than that: Google Resizer now *requires HTTPS pages*. Using the extension ( directly the Google Resizer website) on an HTTPonly website will make Google Resizer enter an infinite refresh loop. This is due to Google Resizer fcing the `UpgradeInsecureRequests` header (https://developers.google.com/web/fundamentals/security/preventmixedcontent/fixingmixedcontent#upgrading_insecure_requests), which fces any HTTP resource to be loaded over HTTPS. This directive *cascades to iframes*, meaning that nonHTTPS page will never be loaded by Google Resizer tool. As most websites are now available over HTTPS, the main issue with that is local development. To make your local pages available over HTTPS, you can either: enable HTTPS on your local server. E.g see the [`https` option in BrowserSync](https://browsersync.io/docs/options#optionhttps) use an SSL like [ngrok](https://ngrok.com/docs#bindtls). FEEDBACK Provided "as is". It may still have bugs, please rept them on https://github.com/julienma/googledesignresizerchromeextension/issues NOTE This is not affiliated in any way with Google. Some materials are © Google, most notably the source picture (https://material.io/resizer/static/materialionav/static/images/resizer_dark.svg) used f the icon the website (https://material.io/resizer/) loaded within the frame.
Google Material Design Resizer插件离线安装方法
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/
3.找到自己已经下载好的Chrome离线安装文件xxx.crx,然后将其从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。
4.下载 Google Material Design ResizerChrome插件v0.1.0版本到本地。
5.勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。
注意:最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照这篇文章即可解决
©软件著作权归作者所有;本站所有软件均来源于网络,仅供学习使用,请支持正版!
转载请注明出处:chromefk非官方中文站 » Google Material Design Resizer