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

相关资源

Instrumente
您可能偶尔需要的工具集合工具包括: * 文本转换:小写、大写、大写、HTML 实体、URI * Lorem ipsum 生成器:否。段落和单词,带有标题、列表和有序列表的完整 HTML * 随机密码生成器:密码长度,包括数字、大小写字母等字符* 电子邮件混淆:结果为 JavaScript * .htpasswd
QR二维码生成
生成当前网页URL的二维码,自动将本地(localhost/127.0.0.1)域名替换为对外的IP,也能生成指定URL/文件内容。生成当前网页URL的二维码。特点:1. 默认生成当前网页URL的二维码2. 自动将本地(localhost/127.0.0.1)域名替换为对外的IP3. 能生成任何文本内容为二维码4
Freshdesk Developer Extension
测试和调试 Freshdesk SDK 应用程序Freshdesk {developers} 扩展允许您使用 SDK 的本地测试功能,使用您的 Freshdesk 帐户轻松测试您的应用程序。
Freelancer Exams Academy – Test Helper
使用 Freelancer Exams Academy 服务提高您在自由职业者中的排名。竞标第一获得更多项目!专为自由职业者设计,参加在线考试以获得认证的开发人员、设计师、内容作者、SEO 专家、营销人员和企业家。在参加在线考试时,一些网站禁用了复制问题陈述。所以这个 Freelancer Exams Acade
JaSON
一个简单易用的 HTTP 客户端,可从 Chrome 中发送 API 请求并查看格式化的、语法突出显示的响应。非常适合测试和调试 JSON 和 XML API、RESTful API、GraphQL API、Web 服务、Web 应用程序等。饼干支持:自动从 Chrome 发送 cookie。这对于需要身份验证的
LCP & CLS Monitor
Core Web Vitals 最大的内容绘制和累积布局移位监视器这有助于通过使用红色边框在视觉上突出显示它们来识别导致页面上 CLS 性能问题的有问题的元素。同样在左下角,您可以在停留在页面上的同时观看该指标的变化。

暂无评论

暂无评论...