用轮廓和背景突出显示页面元素。
CSS Lens：清晰可视化！
您是否曾经难以理解网页的结构，或者希望无需深入研究开发人员工具即可轻松可视化样式？输入 CSS Lens - 网页元素的即时视觉指南！
特征：
即时突出显示：只需单击一下，CSS Lens 就会勾勒出当前网页上的各种元素的轮廓和阴影，让您立即了解其结构。
轻松切换：不仅仅是查看，您还可以轻松地在突出显示和常规视图之间切换，为您提供控制和灵活性。
干净且非侵入性：CSS Lens 重量轻，尊重您的浏览体验。当您想要清晰时它会介入，而当您想要通常的视图时它会后退。
为什么要安装 CSS Lens？
对于开发人员和设计师：无论您是在调试布局问题、尝试理解复杂的设计，还是学习 Web 开发，CSS Lens 都能为您提供清晰的视觉呈现，而无需任何麻烦。
对于内容创作者和博主：清楚地了解内容的结构，并确保一切都完美对齐。
对于好奇的头脑：有没有想过您最喜欢的网站是如何构建的？ CSS Lens 让您以一种用户友好的方式窥视幕后。
升级您的浏览工具包，以更清晰的视角体验网络。立即安装 CSS Lens，让复杂性变得清晰！
CSS Lens插件谷歌浏览器安装教程
第一步：下载CSS Lens安装扩展
第二步：下载下来的扩展解压到你想放的文件夹里
比如我解压到extend文件夹
打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序），右上角开发者模式，点击开启，蓝色为开启，灰色为关闭；
再次将crx文件拖放到扩展程序，页面左下角提示：“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗？”
点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。
第三步：把crx后缀改为zip，再进行解压
如果有些windows电脑系统查看不到文件扩展名，则可以通过以下设置：
找到文件夹顶部，点击查看
点击查看，找到隐藏已知文件扩展名，去掉前面的勾即可
这样你就能看到解压好的扩展名：.crx
解压的扩展名为.crx
把.crx改为：zip
然后再用解压工具再解压一遍，即可得到扩展的全部文件
然后再谷歌浏览器插件页面选择：加载已解压的扩展程序
这样就安装成功了
友情提醒：
其他浏览器，包括qq浏览器，360浏览器，edge浏览器，猎豹浏览器，搜狗浏览器安装插件的方法都是类似的，以上内容大部分通用！
