修復(fù)WordPress郵件回復(fù)BUG后對(duì)手機(jī)QQ郵箱的一些發(fā)現(xiàn)

編輯：狂族晨曦 來源：WordPress技巧 日期：2016-05-04 閱讀： 5,258 次 14 條評(píng)論 » 百度已收錄

先森曾經(jīng)修改美化了WordPress評(píng)論的回復(fù)郵件提醒的簡單模板，然后沒過多久，先森就發(fā)現(xiàn)這套模板有個(gè)BUG。這個(gè)BUG就是當(dāng)別人在先森網(wǎng)站上評(píng)論后，先森或者其他人回復(fù)時(shí)，給評(píng)論者的回復(fù)郵件如果用手機(jī)QQ郵箱打開的話，打開后只能看到一行“您在成航先森的留言有了新的回復(fù)：”，回復(fù)內(nèi)容什么的都看不到，而PC端或手機(jī)上其他地方打開郵件則正常。

手機(jī)QQ郵箱BUG

解決BUG

首先先森找了一位站長，讓他在手機(jī)QQ郵箱上看了下，這種問題也存在，所以排除先森自己手機(jī)是個(gè)例。過了很長時(shí)間，先森才有時(shí)間研究解決這個(gè)BUG，發(fā)現(xiàn)其實(shí)問題原因很簡單。

先森的WordPress郵件回復(fù)改版，是在郵箱里面扒的張戈博客的代碼，所以復(fù)制的時(shí)候，郵件內(nèi)容頂部代碼復(fù)制的是這樣的：

<td style="background: #08c; color: #fff; font-family: 微軟雅黑,verdana, arial; font-size:15px;line-height: 35px;"><strong>&nbsp; 您在成航先森的留言有了新的回復(fù)：</strong><iframe id="tmp_downloadhelper_iframe" style="display: none;"></iframe></td>

先森郵件回復(fù)出現(xiàn)BUG的罪魁禍?zhǔn)祝褪巧厦娴膇frame標(biāo)簽。先森是不知道張戈加這個(gè)iframe是要做什么的，反正去除后郵件就正常了。在找BUG原因的時(shí)候，先森更加覺得張戈牛逼了，把郵件保存為eml出來后，內(nèi)容全是加密的：

郵件內(nèi)容加密

手機(jī)QQ郵箱

BUG是解決了，但是先森又不得不想另一個(gè)問題：為什么只有手機(jī)QQ郵箱會(huì)出現(xiàn)這個(gè)問題？

不知道在使用手機(jī)QQ郵箱的用戶有多少，反正先森發(fā)現(xiàn)站長們應(yīng)該還是有很多在用的。先森在解決了BUG之后，發(fā)現(xiàn)手機(jī)QQ郵箱在內(nèi)容顯示上與其他地方打開有細(xì)微的不同：

手機(jī)QQ郵箱

iPhone自帶郵件

可以看到，同一封郵件，在手機(jī)QQ郵箱中打開與在iPhone自帶郵件中打開，回復(fù)內(nèi)容部分的顯示是不同的。其中iPhone自帶郵件的顯示效果才是我們所預(yù)想的。

檢查代碼后發(fā)現(xiàn)，回復(fù)內(nèi)容部分，使用的標(biāo)簽是<blockquote>標(biāo)簽，而它的CSS樣式，是單獨(dú)寫在了一個(gè)內(nèi)鏈接里面的：

<style type="text/css">
.qmbox blockquote{
width: 94%;
color: #8b8b8b;
margin: 0 auto;
padding: 10px;
clear: both;
border: 1px solid #ebebeb;}
.qmbox style, .qmbox script, .qmbox head, .qmbox link, .qmbox meta {display: none !important;}
</style>

經(jīng)過排查，將css樣式直接寫在標(biāo)簽里面，則顯示正常。

總結(jié)

先森不知道手機(jī)QQ郵箱的這種設(shè)定，是自身軟件沒有設(shè)計(jì)好呢，還是故意如此設(shè)定。若是故意如此，真不知道這還有什么深意。

但不管怎樣，手機(jī)QQ郵箱的使用群體應(yīng)該還是有的，為了不影響我們的用戶體驗(yàn)，各位站長們也趕緊瞧瞧你的WordPress評(píng)論回復(fù)在手機(jī)QQ郵箱中的顯示是否正常吧。