转自个人博客：https://www.hurbai.com

有时候网页头部会出现一个空白行，查看源码发现body开头初有一个非法字符&#65279，原因是页面的编码是UTF-8 + BOM。

UTF-8 + BOM编码方式一般会在windows操作系统中出现，比如WINDOWS自带的记事本等软件，在保存一个以UTF-8编码的文件时，会在文件开始的地方插入三个不可见的字符（0xEF 0xBB 0xBF，即BOM）。它是一串隐藏的字符，用于让记事本等编辑器识别这个文件是否以UTF-8编码。对于一般的文件，这样并不会产生什么麻烦。但对于 PHP来说，BOM是个大麻烦。因为PHP并不会忽略BOM，所以在读取、包含或者引用这些文件时，会把BOM作为该文件开头正文的一部分。根据嵌入式语言的特点，这串字符将被直接执行（显示）出来，即我们看到的(&#65279)字符。

解决办法

找到出现&#65279字符的相关页面（php,html,css,js等），查看页面编码方式，如果是UTF-8 + BOM编码方式，则使用notepad++或其他工具存储为"UTF-8无BOM"即可解决。

如果文件比较多，不知道从何入手时，这时可使用下面的方法来实现。

将下面代码保存为a.php（随意命名）文件放到根目录下，然后运行一下这个文件，即可自动清储格式。

** 补充：**如果是在服务器中实现清除，为了安全起见，首先备份下再操作，另外请确保文件有写入权限，否则无法清除。

<?php

// 设定你要清除BOM的根目录（会自动扫描所有子目录和文件）

$HOME = dirname(__FILE__);

// 如果是Windows系统，修改为：$WIN = 1;

$WIN = 0;

?>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>UTF8 BOM 清除器</title>

    <style>

        body { font-size: 10px; font-family: Arial, Helvetica, sans-serif; background: #FFF; color: #000; }

        .FOUND { color: #F30; font-size: 14px; font-weight: bold; }

    </style>

</head>

<body>

<?php

$BOMBED = array();

RecursiveFolder($HOME);

echo '<h2>这些文件有UTF8 BOM，但我清理了它们：:</h2><p class="FOUND">';

foreach ($BOMBED as $utf) { echo $utf ."<br />\n"; }

echo '</p>';

// 递归扫描

function RecursiveFolder($sHOME) {

    global $BOMBED, $WIN;

    $win32 = ($WIN == 1) ? "\\" : "/";

    $folder = dir($sHOME);

    $foundfolders = array();

    while ($file = $folder->read()) {

        if($file != "." and $file != "..") {

            if(filetype($sHOME . $win32 . $file) == "dir"){

                $foundfolders[count($foundfolders)] = $sHOME . $win32 . $file;

            } else {

                $content = file_get_contents($sHOME . $win32 . $file);

                $BOM = SearchBOM($content);

                if ($BOM) {

                    $BOMBED[count($BOMBED)] = $sHOME . $win32 . $file;

                    // 移出BOM信息

                    $content = substr($content,3);

                    // 写回到原始文件

                    file_put_contents($sHOME . $win32 . $file, $content);

                }

            }

        }

    }

    $folder->close();

    if(count($foundfolders) > 0) {

        foreach ($foundfolders as $folder) {

            RecursiveFolder($folder, $win32);

        }

    }

}

// 搜索当前文件是否有BOM

function SearchBOM($string) {

    if(substr($string,0,3) == pack("CCC",0xef,0xbb,0xbf)) return true;

    return false;

}

?>

</body>

</html>

转自个人博客：https://www.hurbai.com

网站页面顶部出现空白行&#65279字符的原因以及完美解决办法的更多相关文章

  1. taskctl的后台字符界面登录不了解决办法

    今天在使用taskctl的designer时,十多分钟挂了2次,每次挂了之后就签不出来了,只能等半小时,然后在taskctl的QQ群里咨询了,给的解决方案是 http://www.taskctl.co ...

  2. 内网穿透访问Vue项目的时候出现Invalid Host header解决办法

    适用场景: 在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑. Mac内网穿透工具:natapp Inval ...

  3. Linux版网易云音乐播放音乐时无限显示“网络错误”的解决办法

    安装 gstreamer0.10-plugins-good debian类系统: -plugins-good

  4. KEIL3中出现的字符不对齐的情况解决办法

    写代码的时候我的keil3中会出现光标不对齐的情况,如下图: 看似光标在t后面,其实是在逗号后面,这是因为字体加粗导致的.解决办法: Edit->Configuration->colors ...

  5. url字符长度限制解决办法

    前段时间,同事往系统上传相关文档,发现输入失败,找到了我了. 开始以为数据库字段属性问题,修改后未解决随调试系统,发现没有走到后台程序,发现 ajax没有传值,各种测试问题情况,后来同事发现是url字 ...

  6. es6 Object.assign ECMAScript 6 笔记（六） ECMAScript 6 笔记（一） react入门——慕课网笔记 jquery中动态新增的元素节点无法触发事件解决办法 响应式图像 弹窗细节 微信浏览器——返回操作 Float 的那些事 Flex布局 HTML5 data-* 自定义属性 参数传递的四种形式

    es6 Object.assign   目录 一.基本用法 二.用途 1. 为对象添加属性 2. 为对象添加方法 3. 克隆对象 4. 合并多个对象 5. 为属性指定默认值 三.浏览器支持 ES6 O ...

  7. “maven编码gbk的不可映射字符”解决办法

    一.问题描述 Eclipse中使用Maven编译项目源代码时,如下的错误 java源代码在Eclipse中显示是没有任何错误的,可是执行"maven install"命令编译项目时 ...

  8. 关于web2py外网访问，图形界面不显示等问题的解决办法

    首先系统版本是ubuntu 15.04,系统默认安装了两个版本的python, sudo python web2py.py 默认会调用python2.7版本来执行 会提示 pydo@planpls:/ ...

  9. 使用Maven编译项目遇到——“maven编码gbk的不可映射字符”解决办法 ——转载

    一.问题描述 今天在MyEclipse中使用Maven编译项目源代码时,结果如下了如下的错误

随机推荐

  1. python 将IP地址转换成打包后的32位格式

    python 2.7 #!/usr/bin/env python # Python Network Programming Cookbook -- Chapter - # This program r ...

  2. HDU 1069 Monkey and Banana ——（DP）

    简单DP. 题意:给出若干种长方体,如果摆放时一个长方体的长和宽小于另一个的长宽,那么它可以放在另一个的上面,问最高能放多少高度.每种长方体的个数都是无限的. 做法:因为每种个数都是无限,那么每种按照 ...

  3. 探讨一下js中的继承和原型链

    ---恢复内容开始--- 每个JS对象一定对应一个原型对象,并从原型对象继承属性和方法. 也就是说 对象的__proto__属性的值就是它所对应的原型对象, 而prototype 只有函数才有的属性. ...

  4. 异步机制 - BindIoCompletionCallback

    直接上代码 VOID CALLBACK test_io_completion_routine( DWORD dwErrorCode, DWORD dwNumberOfBytesTransfered, ...

  5. 【Robot Framework 项目实战 03】使用脚本自动生成统一格式的RF自动化用例

    背景 虽然大家都已经使用了统一的关键字,但是在检查了一些测试用例之后,还是发现因为大家对RF的熟悉程度不一导致的测试用例颗粒度差异很大的情况:而且在手动方式转化测试用例过程中,有不少工作是完全重复的且 ...

  6. 《你不知道的JavaScript（上）》笔记——作用域闭包

    当函数可以记住并访问所在的词法作用域时, 就产生了闭包, 即使函数是在当前词法作用域之外执行. function wait(message) { setTimeout( function timer( ...

  7. kotlin之高阶函数

    高阶函数是一种特殊的函数,它接受函数作为参数,或者返回一个函数 import java.awt.geom.Area fun main(arg: Array<String>) { val m ...

  8. 各个处理器架构ISA编程指南

    1.Intel官方文档: http://www.intel.com/content/www/us/en/processors/architectures-software-developer-manu ...

  9. Flex 弹性盒子布局使用教程

    本文转载于<https://blog.csdn.net/lyznice/article/details/53981062>

  10. (翻译) closures-are-not-complicated

    总计:读完这篇文章需要20分钟   这篇文章讲解了闭包的一些内容,作者是拿ES5规范中的一些名词来讲的. 所以可能和博客上一篇文章中提到的binding object, (lexical enviro ...