CSS Viewer在浏览器中使用的扩展工具，这款工具支持在任何网站上检查、自定义和实时编辑CSS样式。查看字体、颜色、间距，并导出调色板等，欢迎下载使用。
介绍
修改布局、排版、间距、颜色、阴影、边框、对齐方式和响应行为，而无需手动编辑源文件。此 CSS 查看器扩展可帮助开发人员、设计师、营销人员、QA 工程师和学生更快、更高效地处理实时网站元素。
新功能
我们始终倾听用户的意见，并不断改进创新的终极 CSS 查看器工具。我们添加了许多备受期待的功能：
1️⃣ 导出整个调色板 智能取色功能更强大！通过“调色板”功能，您可以将所有颜色导出为 PDF 或具有精确十六进制代码的图像。
2️⃣ 无需重新加载即可禁用 以前，禁用视图模式需要重新加载页面，这很令人沮丧。现在您可以顺利关闭查看模式而无需刷新选项卡！
3️⃣ 新的美丽的深色和浅色主题由于活跃社区的普遍需求，我们在 CSS 查看器中添加了浅色主题的切换。
4️⃣ 快速退出功能 Wwe 添加了退出按钮功能以快速退出。不再需要繁琐的鼠标点击！
5️⃣ 更新的设计和令人惊叹的用户界面。我们完全重新设计了插件界面：显着改进了字体，添加了整齐的圆形按钮，并使外观更加现代。
它同时充当实时视觉 CSS 查看器、游乐场、在线环境和网站检查实用程序。
➤ 想要即时进行更改并测试假设？使用内置的实时编辑器即时实时预览您的作品。
➤ 这不仅仅是一个普通的插件；它是一个专业的在线视觉查看器和编辑器，专为开发人员构建。
核心功能
我们独特的工具提供了超出标准浏览器功能的丰富功能。这正是强大的 CSS 样式表编辑器如此特别的原因：
即时样式检查只需将鼠标光标悬停在任何元素上，高级网站 CSS 查看器就会立即显示所有应用的代码。
交互式编辑过程这是一个高级编辑器在线替代方案，可让您轻松编辑活动页面上的 CSS 并查看结果。
3. 高级布局管理学习复杂的网格 html 和 css 查看器以及现代布局的详细信息以及方便清晰的视觉提示。
4. 全面的结构分析 该插件完美地展示了 DOM 结构和应用样式之间的确切关系。
🛠️ 深度性能改进和错误修复
我们非常努力地确保可靠的 css 编辑器插件绝对完美地工作：
• 粘滞光标错误修复 我们解决了其他工具中出现的已知问题：即使您禁用视图模式并切换页面，光标也会恢复正常。经过严格测试验证！
• 准确的排版分析 我们显着改进了扫描算法：全面测试证实所有字体均由先进的实时 CSS 编辑器在线工具正确分析。
谁将真正受益？
我们最好的 Web CSS 查看器是为广泛的 IT 专业人士创建的：
▸ Web 开发人员需要超快速地日常访问样式并能够在浏览器中安全地进行更改。
▸ UX/UI 设计师经常使用 html 查看器和精确的 css 颜色查看器来检查最终布局。
▸ 经常需要在线格式化CSS或深入分析第三方网站上复杂的自定义代码的前端工程师。
▸ 学生和初学者正在寻找一个简单的 CSS 代码查看器。
💎 额外的高级专业功能
我们精心集成了许多先进的专业功能。您不再需要单独的重型软件或扩展 - 您需要的一切都已经在这里：
a) 安全地使用插件作为功能强大的插件，在客户端站点上进行快速、响应式的编辑。
b) 直接在浏览器中享受成熟的高级 CSS 查看器在线体验！
c) 通过直观的可视化 CSS 界面轻松分析最复杂的 3D 转换。
d) 我们的工具有效地取代了基本的 CSS 编译器，允许您动态测试编译的样式。
为什么您可以选择我们？
• 完全自主工作。
• 轻松替换数十种过时的软件，例如经典 html 和查看器扩展。
• 允许您以难以置信的细节研究CSS 查看器，了解任何DOM 元素。
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用
扫码关注公众号，发【识别码】获取
