javascript - 是否可以使用正则表达式替换将页内样式表移动到 <head> 部分？

假设我有一个这样的 html 页面:

之前:

<!DOCTYPE HTML>
<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="http://www.domain.com/css1.css">
</head>
<body>
<style type="text/css">
.test1{clear:both}
.test2{width:110px}
...
</style>
</body>
</html>

之后:

<!DOCTYPE HTML>
<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="http://www.domain.com/css1.css">
<style type="text/css">
.test1{clear:both}
.test2{width:110px}
...
</style>
</head>
<body>
</body>
</html>

只是好奇它是否可以通过 Regex 替换来完成？

非常感谢。

PS:或者有人知道 google pagespeed apache2 扩展如何将 css 移动到头部吗？

最佳答案

您可以编写一个小应用程序来解析 html 文件，过滤掉样式标签，从标签中删除它们并在头部创建一个样式标签并再次保存 html 文件。

但让我们面对现实吧，当我们在这里讨论一两个 html 文件时，您将花费更多的时间来开发该应用程序，而不仅仅是手动清理您的烂摊子。

关于javascript - 是否可以使用正则表达式替换将页内样式表移动到 <head> 部分？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9841361/