0条评论
还没有人评论过~
问题:
请问是否有工具能将网页转成一个精简版的html
像是下面原本专案
结构
web
css
mystyle.css
boostrap.css
js
jquery.js
xxx.js
index.html
mystyle.css
h1{
width:100px;
height:200px;
}
h2{
width:100px;
height:200px;
}
h3{
width:100px;
height:200px;
}
index.html
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/mystyle.css">
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<h1>Hello, world!</h1>
<script src="jquery.js"></script>
<script src="xxx.js"></script>
</body>
</html>
其中可能很大一部分的css都没有用到
请问是否有工具能将目前的网页转成一个静态html,移除css跟js
像是把上面专案转成
<!doctype html>
<html lang="en">
<body>
<h1 style='width:100px;height:200px;'>Hello, world!</h1>
</body>
</html>
回答1:
这种方式未必比直接用CSS文件精简，因为CSS是选择器而元素上写Style肯定会比原来的方式文件更大。
回答2:
f12-》审查元素。你把dom树打印出来就是你想要的。