当前位置: 开发笔记 > 编程语言 > 正文

什么情况下html源代码会和用审核工具如firebug看到的不一样

作者：tingel34 | 来源：互联网 | 2023-05-18 22:18

一个字符串，保存为htm文件文档dom在工具中显示正常，但直接用echo输出会出现问题，head,里的所有内容都会在body里显示，而且body里的第一个元素是空白，那个地方echo出的元素好像都直接

一个字符串，保存为htm文件文档dom在工具中显示正常，但直接用echo输出会出现问题，head,里的所有内容都会在body里显示，而且body里的第一个元素是空白，那个地方echo出的元素好像都直接在body后面，求高手解答

11 个解决方案

#1

最好给个可以访问的在线demo，木有的话把代码发上来看看。

#2

开启了GZIP压缩的话，html源代码，是挤在一起的，
而firebug会自动整理dom节点

#3

head,里的所有内容都会在body里显示，此时查看页面html源代码，几乎可以肯定html是有错误的。

#4

引用 2 楼的回复:

开启了GZIP压缩的话，html源代码，是挤在一起的，
而firebug会自动整理dom节点

不会吧，开启gzip压缩只是在网络传输环节起作用，浏览器获得数据后就解压缩了，源代码不会有什么变化啊。

#5

代码没有问题，把代码保存为文件时会很正常，复制源代码时有写时候会出现一个问号，我想应该时是输出时出了问题，把输出的代码保存为文件后很正常

#6

整个代码都是用一个字符串输出的，之前输出了东西应该有显示才对呀，所以几乎可以肯定是之前的php代码的问题，我想知道什么情况下会这样

#7

utf8编码的话，另存php文件时选择无BOM格式试试。

#8

引用 7 楼的回复:

utf8编码的话，另存php文件时选择无BOM格式试试。

文件是用函数生成的，输出时读这个文件简单解析后直接输出

#9

引用楼主 vikeychen 的回复:

一个字符串，保存为htm文件文档dom在工具中显示正常，但直接用echo输出会出现问题，head,里的所有内容都会在body里显示，而且body里的第一个元素是空白，那个地方echo出的元素好像都直接在body后面，求高手解答

看到的源码不一定是最后渲染的结果，在firebug或ie的f12里边看到的才是他们渲染的结果，而且每个浏览器渲染的标准也不一样。
看看是不是编码问题，是不是有非法字符，是不是echo出了多余的html,head标签，等等。最后在firebug里边看渲染后的页面，检查标签的完整对齐没.

#10

http://alexa.chinaz.com/?domain=http://www.taobao.com

#11

这个就不一样

推荐阅读

jsp
网站访问全流程解析

本文详细介绍了从用户在浏览器中输入一个域名（如www.yy.com）到页面完全展示的整个过程，包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]

蜡笔小新 2024-11-12 18:13:16
settings
如何在Nginx服务器上轻松配置CertBot以实现SSL证书自动化管理

为了确保iOS应用能够安全地访问网站数据，本文介绍了如何在Nginx服务器上轻松配置CertBot以实现SSL证书的自动化管理。通过这一过程，可以确保应用始终使用HTTPS协议，从而提升数据传输的安全性和可靠性。文章详细阐述了配置步骤和常见问题的解决方法，帮助读者快速上手并成功部署SSL证书。 ... [详细]

蜡笔小新 2024-11-10 08:42:08
java
JavaScript XML操作实用工具类：XmlUtilsJS技巧与应用

JavaScript XML操作实用工具类：XmlUtilsJS技巧与应用 ... [详细]

蜡笔小新 2024-11-06 15:15:26
ip
深入解析：RKHunter与AIDE在入侵检测中的应用与优势

本文深入探讨了RKHunter与AIDE在入侵检测领域的应用及其独特优势。通过对比分析，详细阐述了这两种工具在系统完整性验证、恶意软件检测及日志文件监控等方面的技术特点和实际效果，为安全管理人员提供了有效的防护策略建议。 ... [详细]

蜡笔小新 2024-10-30 11:50:20
jsp
深入浅出解析HTTP协议的核心功能与应用

前言——协议是指预先设定的通信规则，确保双方能够按照既定标准进行有效沟通，从而实现准确的信息交换。例如，驯兽师通过拍手使动物坐下，这实际上是一种预设的协议。本文将详细探讨HTTP协议的核心功能及其广泛应用，解析其在现代网络通信中的重要作用。 ... [详细]

蜡笔小新 2024-10-26 18:47:54
main
Vite项目优化：常用插件精选与应用实践

在Vite项目优化过程中，通过使用rollup-plugin-visualizer插件，可以有效地对Rollup打包结果进行可视化分析，帮助开发者清晰地了解各个模块的占用情况，从而进行更有针对性的优化。此外，结合其他常用插件，如vite-plugin-compression和vite-plugin-inspect，可以进一步提升项目的性能和可维护性。 ... [详细]

蜡笔小新 2024-10-24 16:57:34
php
IIS启用Gzip的方法与优缺点分析-Discuz

IIS启用Gzip的方法与优缺点分析是千自学中一篇关于Discuz论坛的文章简介:现代的浏览器IE6和Firefox都支持客户端Gzip，也就是说，在服务器上的网页，传输之前，先使用Gzip压缩再传输给客户端，客户端接收之后由浏览器解压显示，这样虽然稍微占用了一些服务器和客户端的C ... [详细]

蜡笔小新 2024-10-15 18:00:47
jsp
解决DNS服务器配置转发无法解析的问题

本文详细介绍了如何解决DNS服务器配置转发无法解析的问题，包括编辑主配置文件和重启域名服务的具体步骤。 ... [详细]

蜡笔小新 2024-11-13 02:41:19
jsp
Web开发框架概览：Java与JavaScript技术及框架综述

Web开发涉及服务器端和客户端的协同工作。在服务器端，Java是一种优秀的编程语言，适用于构建各种功能模块，如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示，同时借助JavaScript增强交互性和动态效果。此外，现代Web开发还广泛使用各种框架和库，如Spring Boot、React和Vue.js，以提高开发效率和应用性能。 ... [详细]

蜡笔小新 2024-11-09 11:59:38
java
汇集开发者必备的实用参考网站与链接资源

为开发者提供了一系列实用的参考网站和资源链接，包括HTML速查手册（和），帮助开发者快速查找和学习相关技术知识。此外，还涵盖了其他重要的开发工具和文档，为编程工作提供全面支持。 ... [详细]

蜡笔小新 2024-11-08 12:23:08
const
利用 Zend Framework 实现高效邮件发送功能

利用 Zend Framework 实现高效邮件发送功能 ... [详细]

蜡笔小新 2024-11-07 13:48:03
java
七款高效编辑器与笔记工具推荐：KindEditor自动换行功能解析

本文推荐了七款高效的编辑器与笔记工具，并详细解析了KindEditor的自动换行功能。其中，轻笔记QingBiJi是一款完全免费的记事本软件，用户可以通过其简洁的界面和强大的功能轻松记录和管理日常事务。此外，该软件还支持多平台同步，确保用户在不同设备间无缝切换。 ... [详细]

蜡笔小新 2024-11-06 11:14:53
java
网站前端开发的核心理念与必备技能解析

网站前端开发的核心理念与必备技能解析 ... [详细]

蜡笔小新 2024-10-24 10:26:17
const
react的导出是怎么实现的_22 个让 React 开发更高效更有趣的工具

英文|https:dev.tojsmanifest22-miraculous-tools-for-react-developers-in-2019-4i46翻译|https:www ... [详细]

蜡笔小新 2024-10-16 13:44:04
java
软件自动化测试的学习路线

软件自动化测试的学习步骤软件测试交流群关注软件测试技术公众号获取阅读目录软件自动化测试的学习步骤自动化测试的本质自动化测试学习的误区自动化测试的职位自动化测试分类Web自动化 ... [详细]

蜡笔小新 2024-09-30 01:54:19

tingel34

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章