同样的代码,为什么浏览器按F12后看到的代码有如此差距
程序员文章站
2022-06-08 10:50:10
...
源代码:
非常干净的代码
直接写在PHP中Chrome F12在Elements
这是一种情况,在经过一些代码后,直接输出上面的HTML代码,就变成这样的。
这是直接把HTML代码写到PHP文件 中的效果。为什么有这么大的差别。
第一个源代码是直接用DW新建的一个文件!没有作任何修改。
我用的是Chrome浏览器,和FF都试了。查看源代码看到的都是一样的。
使用F12开发工具在Elements
第一张图片Body下面有两个引号,不知道是怎么出来的
第二张图片看的是和源代码是一样的。
很是郁闷 !
更正一下是BOM 而不是DOM
更正是BOM而不是DOM
总之是你们两个帮助我找到了问题所在!!原来一直在用Editplus编辑PHP,近来看看Notepad++ 挺新鲜拿来用,就出来这样的问题!!那叫一个急!!!害我折腾了好几天也找不出原因!!!
无标题文档
非常干净的代码
直接写在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++ 挺新鲜拿来用,就出来这样的问题!!那叫一个急!!!害我折腾了好几天也找不出原因!!!