改進 js修改iOS微信瀏覽器的title

2022-05-01 16:57:09 字數 999 閱讀 2550

前端入門沒多久,可能連入門也不算,最近網上流行各自書籍改名,什麼《前端開發,從入門到放棄》,《android開發,從入門到改行》之類的,程式設計師真是個愛自嘲的群體,但我們一定是積極而向上的。

說到web前端,瀏覽器差異是不可迴避的問題,這次的問題(知乎上的討論)如下:

document.title = "the title you want to set";
var $body = $('body');

document.title = 'the title you want to set';

var $iframe = $("");

$iframe.on('load',function() , 0);

問題要是單純這樣,我就不會半夜寫這篇部落格了,經過測試可得,在iframe載入和刪除的時候,ios頁面會有幾毫秒的閃動(有灰色的框),android直接有灰色的框出現在頁面不消失。

一開始並沒有發現問題出在這裡,後來通過git版本回退比較,才定位到問題。既然是因為這個iframe顯示和隱藏給頁面顯示造成了影響,那一開始載入iframe的時候,就將該iframe的樣式設定為:

display: none;

改進的**如下:

var $body = $('body');

document.title = 'the title you want to set';

var $iframe = $("");

$iframe.on('load',function() , 0);

這樣就解決了這個問題,同時因為display:none這個設定,iframe是脫離文字流的,那麼載入和刪除這個iframe都不會改變文字流,也不會觸發頁面渲染,效能會好一些。

我相信前面還有無數的坑,但是一路過來積累的分析問題,解決問題的方法會使我更加自信。年輕人最重要就是腳踏實地,厚積薄發,加油。

微信瀏覽器

編輯 1.登入 當和某個聯絡人聊天時,聊天面板會並列在聯絡人面板的右邊,浮在網頁之上。點選網頁區域,聊天面板會自動收起。點選聯絡人面板右上角的新建聊天按鈕,就可以選擇與單個人聊天,或多個人群聊 在與單個人聊天時 2 點選聊天面板右上角上的 號,可增加其他聯絡人新建群聊 在與多個人群聊時,點選聊天面板...

iOS微信瀏覽器直接開啟App

的scheme 中。但是採用 ios universal links 仍然可以做到跳轉 配置 universal links 可參看蘋果文件。這種方案有幾個注意點 1 universal links 可以由系統來做選擇,在簡訊或其他應用中,常按選擇開啟方式,若選擇safari開啟,則後續的跳轉會預設...

微信瀏覽器分享

首先說 得配合後台去配置如下紅框的資料,黃框是可以分享到 引入資源 var obj new object ajax type post success function data noncestr obj noncestr signature obj signature wx.ready funct...