首页 > 电脑专区 > 电脑教程 >

使用谷歌浏览器Chrome方便快捷查看网页CSS样式

来源:互联网 2023-02-21 22:38:51 420

谷歌浏览器的简洁、方便、易用赢得了很多用户的喜爱。它可以安装各种扩展,让谷歌浏览器实现更加强大的功能。下面就来讲解一下如何使用谷歌浏览器Chrome方便快捷查看网页CSS样式。GDs办公区 - 实用经验教程分享!

使用谷歌浏览器Chrome方便快捷查看网页CSS样式GDs办公区 - 实用经验教程分享!

工具/原料

  • 谷歌浏览器Chrome
  • CSSViewer扩展

方法/步骤

  • 1

    打开谷歌浏览器进入谷歌应用商店。如果进入不了谷歌应用商店的可以参照此篇经验:http://jingyan.baidu.com/article/a3761b2bdee24c1577f9aa4e.html。GDs办公区 - 实用经验教程分享!

    使用谷歌浏览器Chrome方便快捷查看网页CSS样式GDs办公区 - 实用经验教程分享!

  • 2

    在谷歌在线应用商店搜索框里搜索“CSSViewer”。GDs办公区 - 实用经验教程分享!

    使用谷歌浏览器Chrome方便快捷查看网页CSS样式GDs办公区 - 实用经验教程分享!

  • 3

    找到“CSSViewer”扩展,单击右方“添加至Chrome”按钮。GDs办公区 - 实用经验教程分享!

    使用谷歌浏览器Chrome方便快捷查看网页CSS样式GDs办公区 - 实用经验教程分享!

  • 4

    弹出“确认新增应用”对话框,此时需要单击“添加”。GDs办公区 - 实用经验教程分享!

    使用谷歌浏览器Chrome方便快捷查看网页CSS样式GDs办公区 - 实用经验教程分享!

  • 5

    耐心等待“CSSViewer”扩展下载完成,之后它会自动安装。GDs办公区 - 实用经验教程分享!

    使用谷歌浏览器Chrome方便快捷查看网页CSS样式GDs办公区 - 实用经验教程分享!

  • 6

    这时候“CSSViewer”就安装完毕了,现在只要使用鼠标移动至想要查看的元素上,CSSViewer扩展就会自动地显示出该元素当前的css样式,非常的方便。GDs办公区 - 实用经验教程分享!

    使用谷歌浏览器Chrome方便快捷查看网页CSS样式GDs办公区 - 实用经验教程分享!

    使用谷歌浏览器Chrome方便快捷查看网页CSS样式GDs办公区 - 实用经验教程分享!

  • 6该信息非法爬取自百度经验
  • 7

    如图,打开百度首页,在“CSSViewer”扩展上单击一下,之后把鼠标移动网页有CSS样式的地方,就会显示出该元素的CSS样式,一目了然。GDs办公区 - 实用经验教程分享!

    使用谷歌浏览器Chrome方便快捷查看网页CSS样式GDs办公区 - 实用经验教程分享!

  • 注意事项

    • 谷歌浏览器不用扩展也可以查看网页CSS样式,只不过不够方便快捷而已
    • 小伙伴们如果认为本篇经验对您有用,还请不吝点赞哟

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!GDs办公区 - 实用经验教程分享!


    标签: CHROME浏览器谷歌使用浏览

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码