LOADING

My Style

My Style0.3

将自定义 CSS 插入页面,立即查看视觉效果,并保留该 CSS 以供将来访问。用法:您可能不喜欢给定网站的设计,并希望添加您自己的风格——即您自己的风格——以使其美观。安装扩展程序后,访问该站点(例如 techcrunch.com)并点击 control + m。您应该会在浏览器窗口的右侧看到一个文本区域。将您的

官方版无广告22

更新日期:2021年 8月 29日分类标签:语言:中文平台:

5.24KB 0 人已下载 手机查看

简介:
将自定义 CSS 插入页面,立即查看视觉效果,并保留该 CSS 以供将来访问。用法:您可能不喜欢给定网站的设计,并希望添加您自己的风格——即您自己的风格——以使其美观。安装扩展程序后,访问该站点(例如 techcrunch.com)并点击 control + m。您应该会在浏览器窗口的右侧看到一个文本区域。将您的自定义 CSS 插入其中并查看结果。此 CSS 将在重新访问站点时重新插入,从而保存您的样式。再次按下 control + m 将隐藏 textarea,但您的内容仍将保留。有关示例,请参见 https://github.com/karthikv/my-style(向下滚动)。为了加快样式设置过程,如果您在单击元素时按住 alt,该元素的选择器将自动附加到 textarea 编辑器。有了这个,您可以避免检查元素以找到如何定位它所需的时间。这个怎么运作:我的风格很简单。它在页面中插入一个 textarea,查找对 textarea 内容的更改,并适当地更新动态插入的样式标记。 My Style 使用本地存储来使 CSS 更改持久化。它使用简单的技术来获得简单的结果。由 Freepik (https://www.freepik.com/) 制作的图标来自 FlatIcon (http://www.flaticon.com)

相关资源

react-rpm
用于优化和调试的性能可视化工具React RPM 是一个 Chrome DevTool,配置为在您与 React.js 应用程序交互时自动实时捕获和显示性能数据,使您能够快速识别瓶颈并使用 pcision 衡量整体效率。从 Chrome 商店下载 DevTool 后,只需安装 npm 模块(npm install
Highlight IP Lookup
在活动选项卡中找到所选(突出显示)IP 地址的城市、州、国家/地区代码。突出显示 IP 地址或主机,然后单击活动选项卡中的扩展程序图标以找到相应主机的城市、州和国家/地区代码。
Injector
在每个页面加载 + 热重载时注入 javascript。对于本地文件,安装 npm 包 filesystem-server允许您将文件注入网页并在每次页面加载时自动重新注入它们,以便您在本地机器上的看似实时的环境中测试您的代码。用法 : 1 - 要访问本地文件系统,请从 npm (https://www.npmj
Atma.js DevTool
用于开发、检查和调试 Atma.js 组件的开发工具特征: - 组件树- 突出显示组件子元素- 暴露 `$c` 以操作选定的组件- 检查组件属性、绑定、插槽和资源快速演示: - 安装扩展- 导航到:http://todomvc.com/labs/architecture-examples/atmajs/ - 打开
Remove Cookie!
删除网站设置的 cookie,包括带有路径和域的 cookie此扩展使您能够快速删除站点可能已设置的 cookie。只需点击“删除 Cookie!
devLens
一个很好的工具,可以帮助定位 HTML 网页中的元素,对调试和开发很有用正在为响应式网页设计问题和讨厌的 CSS 错误而苦苦挣扎?使用 devLens,您可以确保您网站的元素清晰无误。您可以使用这个方便的工具快速检查元素的结构。将 devLens 添加到 Chrome 可作为现有 Chrome 开发人员工具的扩展

暂无评论

暂无评论...