今天发现个骚操作, 其他部分把某个网页,用户某种操作后的页面 html,css 拷贝了下来,让我们自己页面展示(html内容已经是接口获取后拼接好的字符串)。
按理说有html,css 页面是能正常展示的。但是 页面竟然乱了。。。
最后发现是他们页面最后得到的 html内容 : table 标签直接 嵌套 td .然后td又直接嵌套 table 。不符合 HTML 规范,览器会自动修正这种不规范结构。最后table 都被移出去原来的结构了,造成页面样式崩溃。(骚操作是,把对应网页的 dom 在控制点先剪切后,然后再放回去,他们页面也会样式崩溃)。
因为页面结构都乱了,即使我想自己写个css 补充样式,也走不通。但是这种骚操作,最后找到了原因。
image.png
自己试了一下,果然这样可以绕过浏览器自动修正。
image.png
image.png