【收藏】HTML頁面頂部出現空白行(#65279)字元的完美解決辦法
阿新 • • 發佈:2018-12-21
有時候網頁頭部會出現一個空白行,檢視原始碼發現body開頭初有一個非法字元“”,原因是頁面的編碼是UTF-8 + BOM。
UTF-8 + BOM編碼方式一般會在windows作業系統中出現,比如WINDOWS自帶的記事本等軟體,在儲存一個以UTF-8編碼的檔案時,會在檔案開始的地方插入三個不可見的字元(0xEF 0xBB 0xBF,即BOM)。它是一串隱藏的字元,用於讓記事本等編輯器識別這個檔案是否以UTF-8編碼。對於一般的檔案,這樣並不會產生什麼麻煩。但對於 PHP來說,BOM是個大麻煩。因為PHP並不會忽略BOM,所以在讀取、包含或者引用這些檔案時,會把BOM作為該檔案開頭正文的一部分。根據嵌入式語言的特點,這串字元將被直接執行(顯示)出來,即我們看到的()字元。
解決辦法 找到出現()字元的相關頁面(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>