一个文件让浏览器用3种方式解析

emu

于 2021-10-19 13:03:13 发布

阅读量221

点赞数

文章标签： html css javascript

本文链接：https://blog.csdn.net/emu/article/details/120844029

版权

博客探讨了一种技术，通过利用不同语法环境下注释的解析差异，创建一个404静态响应内容，使之同时兼容<script>和<link>标签。这种方法在通常情况下并不常用，但在最近的404公益项目改版中重新被考虑。虽然对于<img>标签的兼容性问题尚未找到解决方案，但该技术为404页面的创新处理提供了新思路。

摘要由CSDN通过智能技术生成

很老的奇技淫巧，平常也没啥用，最近因为改版404公益项目，想能不能一个404静态响应内容同时兼容<script>标签和link标签的404呢？就又把老手艺捡了起来：

test.html

<!-- BODY{color:red} 
<!-- BODY{font-size:3em}
<!-- /*

alert("hello world");
/*-->
<html>
<head>
	<link href="test.html" rel="stylesheet"/>
</head>
<body>
	hello world
</body>
<script src="test.html"></script>
</html>
<!-- */ //-->

就是交叉利用了各个语法环境下对于注释的不同理解，让一个文件在不同的上下文环境下被浏览器理解成不同的内容。

其实<img>引用到的404可能也很多，但是暂时还没有想到好的兼容方式。