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

相关资源

CodeMode for Webflow
有些代码永远不会伤害任何人...... CodeMode 是 Webflow 的一个 mod,它可以让您更轻松地在设计器中编写代码,而不会分心。 • 一键启动• 全屏编码视图• 并排布局以查看更多代码• 键盘快捷键:Option + A (Mac) / Alt + A (Windows) —— ☕️ 想支持我吗?
SEO-анализ сайта от Be1.ru
站点分析将有助于检查确定资源在搜索引擎结果中的位置的重要指标的状态。在我们的自动在线分析器的帮助下识别站点优化中的技术错误将节省您的时间。该工具旨在对网站进行全面的免费检查,以获取对推广很重要的一些指标。包括以下产品: - 来自 Be1.ru 的 Wordstat 助手- 现场分析- 页面分析
Ghost Inspector – Web Test Recorder
用于在浏览器中记录自动化网站测试的 Ghost Inspector 扩展Ghost Inspector 是一项自动化浏览器测试服务,可让您对网站和 Web 应用程序运行自动化测试,以确保它们正常运行。我们的网络测试记录器允许您在浏览器中记录自己在网站上执行的操作,然后将它们同步到 Ghost Inspector
EazyCSS
无需为任何页面编写代码即可将您的设计想法变为现实,并在 CSS 代码中进行更改。 ? 问题 1:-对于来回发送电子邮件的无代码人员来说,测试新的设计理念或将更改委托给设计师/开发人员将花费时间和金钱。 ? 问题 2:-即使从开发人员的角度来看,使用来自框阴影生成器的大量不同站点、选择颜色代码以及在代码库和实时
Requirify
chrome devtools 中的 require()允许在 chrome 控制台中使用 `require()`。单击图标以激活当前选项卡的插件。
Photon Redlines
Photon 显示 Bootstrap 3 页面的 UI 红线切换 Bootstrap 3 页面的网格线视图和添加指南。打开包含 Bootstrap 3 的任何页面,然后单击 Photon Redlines 以显示网格并添加指南。 + 要添加指南,单击并水平或垂直拖动,您将看到指南出现。释放拖动以放置它们舒适。

暂无评论

暂无评论...