javascript - 请问,我目前有个站,无缘无故出现了strong标签,导致样式异常.

Question

当前我的网站的情况是,以前一直良好的,但是今天早上发现.某些p被strong标签包裹了.导致有部分地方样式异常了.我查看网页源代码.源码中是没有这些strong标签的.就怀疑是js搞的鬼.但是...我又找不到哪些js导致的,或者不是js的.请问如果我用chrome调试,能否调试到strong生成的环节呢.我必须找出这些strong哪里生成的,并删掉它.

Answer 1

有很多可能性会引入strong，比如用户输入内容里面有未关闭的strong等。

建议排查步骤：

1. 在后端，渲染视图后，打断点看看输出的HTML有没有strong
   如果没有strong，进入2。这一步是看后端输出的HTML有没有带上没有处理好的strong。
2. 在浏览器中右键，选择“查看网页源代码”，这样可以看到浏览器接收到的HTML源码，没有JS干预。
   如果没有strong，进入3。diff 1和2的结果，可以看HTML有没有在传输过程被篡改。
3. 在chrome里你的页面中按F12，在你需要查看的共有父级上面右击(比如文档结构是#container > strong > #inner那么就在#container上面右击)，选择"break on..."->"subtree modifications"，再次刷新，即可在JS改变这部分文档树的时候暂停。
   这样可以知道是否是在JS中（自己的代码，被劫恶意嵌入的js代码，浏览器插件等）修改了这部分文档。