Google Material Design Resizer

开发者工具插件大小: 37.17KiB版本: v 0.1.0更新时间: 2021-12-21
大小:37.17KiB版本:v 0.1.0更新时间:2021-12-21

Overlay current page in Google Resizer tool (https://material.io/resizer/). HTTPS only.

Google Material Design Resizer 的使用方法详解,最全面的教程


Google Material Design Resizer 描述:

用户数:2000

分类:开发者工具插件

扩展大小:37.17 KiB

最后更新时间:2021-12-21

版本:v 0.1.0


Google Material Design Resizer 插件简介:

这是来自Chrome商店的 Google Material Design Resizer 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。


Google Material Design Resizer插件下载方法/流程:

点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。


Google Material Design Resizer插件安装教程/方法:

(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件

(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面

(3) 打开扩展程序页面的“开发者模式”

(4) 将crx文件拖拽到扩展程序页面,

完成安装如有其它安装问题,

请扫描网站底部二维码与客服联系如有疑问请参考:

https://www.extfans.com/installation/
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 works with localhost / 127.0.0.1 URLs, perfect when developing locally! USAGE Click the button, and 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 and get back to your website. REQUIRES HTTPS The extension now supports HTTPS pages. Actually, it's more than that: Google Resizer now *requires HTTPS pages*. Using the extension (or directly the Google Resizer website) on an HTTP-only website will make Google Resizer enter an infinite refresh loop. This is due to Google Resizer forcing the `Upgrade-Insecure-Requests` header (https://developers.google.com/web/fundamentals/security/prevent-mixed-content/fixing-mixed-content#upgrading_insecure_requests), which forces any HTTP resource to be loaded over HTTPS. This directive *cascades to iframes*, meaning that non-HTTPS 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#option-https) - use an SSL proxy like [ngrok](https://ngrok.com/docs#bind-tls). FEEDBACK Provided "as is". It may still have bugs, please report them on https://github.com/julienma/google-design-resizer-chrome-extension/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/material-io-nav/static/images/resizer_dark.svg) used for the icon and the website (https://material.io/resizer/) loaded within the frame.

相关应用

브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Расширение позволяет использовать КриптоПро ЭЦП Browser plug-in в браузере. Для работы требует установленного ЭЦП Browser plug-in.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 336ac8ceb on 7/13/2022.
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
POSTMAN CHROME IS DEPRECATED DOWNLOAD THE UPDATED POSTMAN NATIVE APPS Postman Chrome is deprecated and is missing essential, new…
EditThisCookie是一个cookie管理器。您可以添加,删除,编辑,搜索,锁定和屏蔽cookies!
Tag Assistant helps to troubleshoot installation of various Google tags including Google Analytics, Google Tag Manager and more.
The web developers helper program to create and test custom HTTP requests.
back top top
back top top