Design Mode0.2
允许您对任何页面进行临时编辑。新的！设计模式是一个微型扩展程序，可将 Chrome 置于编辑模式，使您可以像在 HTML 编辑器中一样编辑整个页面。此扩展非常适合快速测试概念，例如当标题达到特定文本长度时页面布局是否中断，或者图像或按钮在页面另一侧是否看起来更好。 ★ 通过四处拖动来移动图像。 ★ 通过单击和键入
官方版无广告24
更新日期：2021年 8月 29日分类标签：开发语言：中文平台：
7.97KB 0 人已下载 手机查看
![Design Mode的使用截图[1]](https://cdn1.nanbk.com/file/crx_detail40898/31lco0heixgey.jpg)
简介:
允许您对任何页面进行临时编辑。新的！设计模式是一个微型扩展程序，可将 Chrome 置于编辑模式，使您可以像在 HTML 编辑器中一样编辑整个页面。此扩展非常适合快速测试概念，例如当标题达到特定文本长度时页面布局是否中断，或者图像或按钮在页面另一侧是否看起来更好。 ★ 通过四处拖动来移动图像。 ★ 通过单击和键入来编辑现有文本。 ★ 在现有元素之前或之后添加新文本。 ★ 使用标准键更改字体样式（ctrl+b 为粗体等）此扩展并非设计为硬核开发工具，受限于 Chrome 的设计模式实现。变化是暂时的；重新加载页面将清除所有更改。尖端： ☛ 您可以通过添加“contenteditable”属性使单个 HTML 元素可编辑。 ☛ 您可以通过打开开发控制台 (F12) 并键入以下内容来手动激活设计模式：document.designMode = 'on';当然，这需要更多工作，而且您不会得到漂亮的图标来告诉您哪些选项卡处于设计模式。你需要一个很酷的扩展，对吧？ 😉
相关资源
Octo Preview
在 GitHub 上的 PRs/Issues 中实时查看降价评论在您键入时自动显示评论的实时视图（包括呈现的降价输出）。在 GitHub 上的任何地方工作，您可以在其中发表评论（包括 Gists）。如果您发现任何错误，请在 GitHub 存储库上打开一个新问题 - https://github.com/DrewM
M2 Developer Tools
将 Magento 2 调试工具添加到 Chrome 开发人员工具中。 Magento 2 网站中使用的块/容器的树视图。首先，安装这个 Magento 2 模块以启用检测 https://github.com/WeareJH/m2-module-jh-block-logger安装并启用后，您将在新的开发工具面板
sMedia-Visual Scraper
一个很棒的视觉刮板扩展！这是 sMedia 的一个扩展，用于使用视觉刮板从汽车经销商中提取数据。
Angular DevTools
Angular DevTools 扩展了 Chrome DevTools，添加了 Angular 特定的调试和分析功能。您可以使用 Angular DevTools 了解应用程序的结构并查看指令和组件实例的状态。要深入了解应用程序的执行情况，您可以使用分析器选项卡，它会向您显示各个变更检测周期、触发它们的原因以及
Guide lines
轻松检查页面元素的视觉对齐。获取跟随鼠标并穿过整个视口的垂直参考线（线）和水平参考线。用于快速检查页面中元素的对齐方式。来自 https://material.io/tools/icons/ 的图标
User-Agent Switcher and Manager
欺骗网站试图收集有关您的网络导航的信息，以提供您可能不想要的不同内容使用示例：如果您希望查看网站的移动版本以便加载速度更快，则可以更改您的用户代理字符串以表明您正在使用移动设备。 --此扩展程序允许您将浏览器的“用户代理”字符串伪装成自定义名称，从而使网站无法了解有关您的浏览安排的具体细节。视频概览： https
暂无评论...