移動頁面在 UC 瀏覽器中碰到的幾個問題

前兩天簡書的網站改版上線了史汗,同時上線的還有改版增強的移動端網頁琼掠,這次我們在移動端網頁中增加了登錄、點贊和評論功能停撞。

這些功能瓷蛙,在大部分手機瀏覽器中都很完好,但是在上線后怜森,在 UC 瀏覽器的 iOS 和安卓端都出現了比較嚴重的問題(這些問題在我們和正式域名不同的測試部署上都沒有出現)速挑,經過一天多的排查谤牡,把問題都解決了副硅,這里總結一下以便大家以后碰到可以更快的解決問題。

廣告過濾

UC 瀏覽器具備 廣告過濾 的功能翅萤,默認打開恐疲,可以在設置中關閉,上線之后發(fā)現套么,在廣告過濾功能開啟的情況下培己,UC 瀏覽器過濾了網頁所有的圖片,包括用戶頭像胚泌,文章圖片(簡書移動頁面沒有包含任何廣告省咨,只有簡書 App 的下載 banner 提示)都被過濾了無法顯示。

全部圖片都被 UC 廣告過濾阻攔

這個問題從我們開發(fā)者的角度可以做的不多玷室,需要 UC 調整廣告策略零蓉,可以嘗試聯系 開發(fā)者中心_UC優(yōu)視 下方的聯系方式溝通。

莫名移除特定元素

簡書移動頁面底部有一個 </p><div class="footer"> 元素穷缤,里面是 登錄打開 App 兩個按鈕敌蜂,如下圖:

簡書底部的 footer 元素

這個元素在上線之后,我們發(fā)現以一種很隨機的情況出現和消失津肛,非常沒有規(guī)律章喉。靈機一動之下,嘗試改了一下 class 名稱, footer 改為 login-footer 后發(fā)現問題解決了,看來也許 UC 瀏覽器對 class="footer" 有特殊對待秸脱,這點無法確定落包。

Body 為空的 POST 請求

最撓頭的一個問題是,上線之后我們發(fā)現摊唇,所有的 POST 請求都失效了妥色,而且失敗的情況非常特別。請求發(fā)出后遏片,收到的是 200 成功的 Status Code, 然而收到的 Response Body 里卻是我們出現 404 時返回的錯誤信息嘹害。

經過一些調查發(fā)現,UC 瀏覽器代理了所有的請求吮便,同時把我們的 POST 請求改成了 GET 請求發(fā)給我們的服務器:

POST 請求被 UC 代理變成 GET

撓頭一陣之后笔呀,發(fā)現 UC 是把所有 body 為空的 POST 請求全部改為 GET,所以在所有空 POST 請求中都加一個其實無用的參數 { f: 1 }髓需,就可以防止 UC 把這個 POST 請求许师。

至此在 UC 瀏覽器上碰到的三個兼容性問題就都解決了。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末僚匆,一起剝皮案震驚了整個濱河市微渠,隨后出現的幾起案子,更是在濱河造成了極大的恐慌咧擂,老刑警劉巖逞盆,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異松申,居然都是意外死亡云芦,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門贸桶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來舅逸,“玉大人,你說我怎么就攤上這事皇筛×鹄” “怎么了?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵水醋,是天一觀的道長旗笔。 經常有香客問我,道長离例,這世上最難降的妖魔是什么换团? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮宫蛆,結果婚禮上艘包,老公的妹妹穿的比我還像新娘的猛。我一直安慰自己,他們只是感情好想虎,可當我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布卦尊。 她就那樣靜靜地躺著,像睡著了一般舌厨。 火紅的嫁衣襯著肌膚如雪岂却。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天裙椭,我揣著相機與錄音躏哩,去河邊找鬼。 笑死揉燃,一個胖子當著我的面吹牛扫尺,可吹牛的內容都是我干的。 我是一名探鬼主播炊汤,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼正驻,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了抢腐?” 一聲冷哼從身側響起姑曙,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎迈倍,沒想到半個月后伤靠,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡授瘦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年醋界,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片提完。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖丘侠,靈堂內的尸體忽然破棺而出徒欣,到底是詐尸還是另有隱情,我是刑警寧澤蜗字,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布打肝,位于F島的核電站,受9級特大地震影響挪捕,放射性物質發(fā)生泄漏粗梭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一级零、第九天 我趴在偏房一處隱蔽的房頂上張望断医。 院中可真熱鬧滞乙,春花似錦、人聲如沸鉴嗤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽醉锅。三九已至兔簇,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間硬耍,已是汗流浹背垄琐。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留经柴,地道東北人此虑。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像口锭,于是被迫代替她去往敵國和親朦前。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5鹃操? 答:HTML5是最新的HTML標準韭寸。 注意:講述HT...
    kismetajun閱讀 27,422評論 1 45
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,728評論 1 92
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架荆隘,建立于...
    Hsinwong閱讀 22,313評論 1 92
  • Getting Started Burp Suite 是用于攻擊web 應用程序的集成平臺恩伺。它包含了許多工具,并為...
    Eva_chenx閱讀 28,631評論 0 14
  • 你總愛多想 我不愛解釋
    北七海閱讀 101評論 0 0