修復WordPress郵件回復BUG后對手機QQ郵箱的一些發現

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

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

手機QQ郵箱BUG

解決BUG

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

先森的WordPress郵件回復改版，是在郵箱里面扒的張戈博客的代碼，所以復制的時候，郵件內容頂部代碼復制的是這樣的：

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

先森郵件回復出現BUG的罪魁禍首，就是上面的iframe標簽。先森是不知道張戈加這個iframe是要做什么的，反正去除后郵件就正常了。在找BUG原因的時候，先森更加覺得張戈牛逼了，把郵件保存為eml出來后，內容全是加密的：

郵件內容加密

手機QQ郵箱

BUG是解決了，但是先森又不得不想另一個問題：為什么只有手機QQ郵箱會出現這個問題？

不知道在使用手機QQ郵箱的用戶有多少，反正先森發現站長們應該還是有很多在用的。先森在解決了BUG之后，發現手機QQ郵箱在內容顯示上與其他地方打開有細微的不同：

手機QQ郵箱

iPhone自帶郵件

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

檢查代碼后發現，回復內容部分，使用的標簽是<blockquote>標簽，而它的CSS樣式，是單獨寫在了一個內鏈接里面的：

<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>

經過排查，將css樣式直接寫在標簽里面，則顯示正常。

總結

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

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