如何取出网页中特定部分的html与css代码

比如我现在使用chrome,按F12,我能把segmentfault的导航栏的html代码复制下来,但我要如何把对应的css代码找出来呢?

阅读 6.7k
3 个回答

第一步:打开控制台,找到这个

clipboard.png

第二步:右键单击选择第一项Reveal in Sources panel,会跳转到一个页面如下:

clipboard.png

一般线上的样式文件都是压缩的,你可以复制里面的内容或者其它操作,这就不用我多说了!

直接Ctrl+S另存为,就可以保存该页面所有的依赖了

右下侧有显示引用的样式,可以看到对应的css样式。
这里可以找到对应的文件:
这里可以找到对应的文件

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题