CSS Grid Overlay10
跨断点轻松检查页面的网格对齐方式。支持多个断点和常用的网格值（间距、列、最大宽度等）。配置可以很容易地作为 json 对象在团队成员之间保存和共享。示例配置文件： [ { “列”：4， "margins": 16, // 第一列和最后一列前后的 px // 这些排水沟像边距一样工作： // 如果列间距为 32px
官方版无广告44
更新日期：2021年 8月 29日分类标签：开发语言：中文平台：
181KB 0 人已下载 手机查看
![CSS Grid Overlay的使用截图[1]](https://cdn1.nanbk.com/file/crx_detail24205/03kydd0mbpkif.jpg)
简介:
跨断点轻松检查页面的网格对齐方式。支持多个断点和常用的网格值（间距、列、最大宽度等）。配置可以很容易地作为 json 对象在团队成员之间保存和共享。示例配置文件： [ { “列”：4， "margins": 16, // 第一列和最后一列前后的 px // 这些排水沟像边距一样工作： // 如果列间距为 32px，则间距为 16 “排水沟”：16， "from": 0, // 断点起始点，单位 px // 可选值// "to": 599, 以像素为单位的断点结束// 网格将在这个以像素为单位的最大宽度之后居中// 否则它将是全宽// "最大宽度": 1440, // 如果你想移动网格//（例如，在带有左侧边栏的样式指南中// 你会使用 offsetLeft 将网格推到右边// "offsetTop": 0, // "偏移量": 0, // "offsetBottom": 0, // "偏移左": 0, // “背景颜色”：{ // "列": "rgba(234, 23, 140, .3)", // "排水沟": "rgba(0, 231, 255, .3)", // "边距": "rgba(0, 191, 165, .3)" // } } ]
相关资源
Mimic , mock http requests
Mimic 是一种无缝模拟工具，可在您的浏览器中运行。无需配置！这个插件是基于 HTTP 的 API 的模拟器。它可用于模拟任何与 HTTP 或 HTTPS 集成的网站。它使您能够测试真实 API 无法可靠产生的边缘情况和故障模式。它是为那些很多时候希望他们有一种简单的方法来设置模拟 API 的开发人员创建的。
GhostText
使用文本编辑器在浏览器中书写。每当您在 Web 上的任何地方编写超过一小段代码时，请激活 GhostText 以打开您首选的文本编辑器并享受您自己的开发环境。 GhostText 是一个浏览器扩展程序，它通过自己的扩展程序连接到您的编辑器。安装这两个扩展，如有必要，在编辑器的扩展中启动 GhostText 服务器
Remove Assets
主动尝试从当前选项卡中删除图像、iframe 和样式，直到关闭。这个简单的扩展将尝试从当前选项卡中删除资产，直到关闭。它可以删除当前选项卡中的每个图像、iframe 和样式表和/或内联样式元素。您可以在选项页面中定义它。默认情况下，它将尝试删除图像。可以通过单击它来打开/关闭它。关闭它后，您可以刷新页面以返回原始
FontPrep Extension
用于将 FontPrep 的字体 (http://fontpp.com) 嵌入和测试到任何网页的扩展。曾经想将您的 FontPrep (http://fontpp.com) 字体直接嵌入 Chrome 的页面中，以便您可以查看它们的外观吗？嗯，你的时间到了。使用此扩展程序，只需从 FontPrep 中复制字体 I
BidFilter Header Bidding Analysis
提供有关 Prebid 出价和事件的详细信息。包括 BidFilter 集成，允许发布商阻止不需要的广告。详细的投标前分析，包括投标和事件数据，便于调试。详细信息包括投标人、创意 ID、每千次展示费用、时间、广告尺寸、广告代码、完整的 JSON 投标数据、识别每个投标的特定广告单元的能力、查看哪些投标人未投标等。
ABBAdata CSS Selector Finder
为任何 DOM 元素找到独特的 CSS 选择器的简单、强大和交互的方式。使用控制面板在任何页面元素上查找独特的 CSS 选择器，该面板在元素被点击时不断更新。包含以下功能： - 高度可定制的 CSS 选择器生成： - 启用/禁用 ID、类名、标签名- 过滤掉特定的 ID、类名、标签名- 使用特定的属性和/或属性值
暂无评论...