Question

请问怎么用 firefox 将当前网页的CSS样式剥离出来

麻烦截张图演示一下，不太会用这个浏览器的开发者功能

Answer 1

图片我这上传不了，公司代码条例明确禁止。

具体操作如下：

1. 用Firefox 打开网页。

2. 右键页面，审查元素

3. 在Element选项卡中，左侧显示的是页面代码，右侧显示的是相对应位置的Css样式

4. 单机样式位置的 xxx.css，Firefox会自动把该 xxx.css文件打开

5. 在css文件中，Ctrl+A 全选 Ctrl+C Copy Ctrl+V paste

方式二

1. 用Firefox打开网页

2. 右键页面，查看源代码

3. 源代码页面head区域会有该页面的所有.css文件，你点击对应的Css文件，浏览器会自动打开该css文件，然后你重复方式一的第五步骤就ok了
   

追问

但是这样得到的是CSS文件，里面会有很多样式都是别的页面的吧

追答

这个是很正常的。你如果要一个区域的Css的话，那么你就从Css文件中去进行截取。不一定得全部选择他的Css样式啊。

Answer 2

　　您好！很高兴为您答疑。
　　开发者工具中有个资源获取的列表，里面会展示详细的页面加载资源，包括有css和js以及图片等等，据此即可提取您所需要的资源。
　　如果对我们的回答存在任何疑问，欢迎继续问询。