Maison >développement back-end >tutoriel php >同样的代码，为什么浏览器按F12后看到的代码有如此差距

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

WBOYoriginal: 2016-06-23 13:54:241726parcourir

源代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body></body></html>

非常干净的代码

直接写在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里边建一个空白文件，然后把现有文件内容拷过去，就可以了。

更正一下是BOM 而不是DOM

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

更正是BOM而不是DOM

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

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：复杂的正则表达式的问题Article suivant：fopen问题？

Articles Liés

Voir plus