同樣的代碼,為什麼瀏覽器按F12後看到的代碼有如此差距

來源:互聯網
上載者:User
原始碼:
無標題文檔 


非常乾淨的代碼

直接寫在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++ 挺新鮮拿來用,就出來這樣的問題!!那叫一個急!!!害我折騰了好幾天也找不出原因!!!
  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.