1、按下键盘上的“F12”键打开浏览器的控制台,点击控制台顶部导航栏上的“Network”按钮,然后刷新页面,这时所有的网页文件都会被显示出来:
2、点击控制台上的“CSS”按钮,这时只会显示网页中的css文件,然后右击需要获取的css文件,在展开的菜单中点击“Open in new tab”按钮:
3、这时网页的css文件就会在新窗口打开,如果需要保存这个css文件,可以右击页面,然后在展开的菜单中点击“另存为...”按钮:
代码如下:这里先解说下——这里有A /B 两个按钮,分别链接a/b.css, 只要单击按钮就可以实现改变头部id为change_css 的css文件。当你希望change_css一开始没有css只是点击按钮的时候才有css的话,那么你给change_css这个id的链接 href=“ ”
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<link id="change_css" rel="stylesheet" type="text/css" href="a.css">
</head>
<body>
<input type=button value="A按钮" onclick="document.all.change_css.href='a.css'">
<input type=button value="B按钮" onclick="document.all.change_css.href='b.css'">
</body>
</html>