欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

同样的代码,为什么浏览器按F12后看到的代码有如此差距

程序员文章站 2022-06-08 10:50:10
...
源代码:
无标题文档


非常干净的代码

直接写在PHP中Chrome F12在Elements



这是一种情况,在经过一些代码后,直接输出上面的HTML代码,就变成这样的。


这是直接把HTML代码写到PHP文件 中的效果。为什么有这么大的差别。


回复讨论(解决方案)

你用 ob 函数拦截 php 输出并保存至文件
然后对比各文件的差异
如果没有差异,就是浏览器的问题,你也无能为力
如果有差异,就分析一下差异的原因

中间那个图,的代码。严格说,也的不标准。但可能是浏览器有纠错功能,所以效果可能是一样的。

中间那个图,的代码。严格说,也的不标准。但可能是浏览器有纠错功能,所以效果可能是一样的。



第一个源代码是直接用DW新建的一个文件!没有作任何修改。
我用的是Chrome浏览器,和FF都试了。查看源代码看到的都是一样的。
使用F12开发工具在Elements
第一张图片Body下面有两个引号,不知道是怎么出来的

第二张图片看的是和源代码是一样的。

很是郁闷 !

head内容出现在body里你的html页面是不是有DOM头的UTF8的文件,你把这页面用编辑器转成无DOM的试一下

就是那个用记事本编辑过文件,中间转码造成的dom头文件。
建议直接在ue,ediplus,phpstorm里边建一个空白文件,然后把现有文件内容拷过去,就可以了。

就是那个用记事本编辑过文件,中间转码造成的dom头文件。
建议直接在ue,ediplus,phpstorm里边建一个空白文件,然后把现有文件内容拷过去,就可以了。



更正一下是BOM 而不是DOM

head内容出现在body里你的html页面是不是有DOM头的UTF8的文件,你把这页面用编辑器转成无DOM的试一下


更正是BOM而不是DOM

总之是你们两个帮助我找到了问题所在!!原来一直在用Editplus编辑PHP,近来看看Notepad++ 挺新鲜拿来用,就出来这样的问题!!那叫一个急!!!害我折腾了好几天也找不出原因!!!