H5開發在微信瀏覽器上,載入時“白屏”問題
前天開發了一個簡單的邀請函,整體8個頁面,不足8M,在PC端模擬器上開啟沒有問題,在手機的其他瀏覽器中也沒有問題。唯獨在微信瀏覽器中載入時會出現長時間白屏,使用者體驗很不好
一番檢查下來,因為寫的太隨心了,最後發現了兩個BUG
———————————正文———————————
1. 不要把太多( 最好沒有)需要下載或者載入速度過慢的js放在body之前,因為會阻斷H5dom的渲染,那麼在你前端的所有庫載入完之前,你的頁面就是“白屏”狀態
2. 第二點主要針對iPhone使用者,記住一個要點,開發iPhone使用者使用在微信瀏覽器上的H5時候,
千萬不要使用jQuery!!千萬不要使用jQuery!!千萬不要使用jQuery!!重要的事情說三遍
jQuery及其相關的庫在iPhone微信瀏覽器的渲染速度非常的慢,如果習慣使用jQuery的同學,我建議你使用zepto
這樣白屏的問題就解決了,歡迎討論
———————————11月5日補充———————————
不是所有的情況jQuery都不能使用,但是當你開發的網頁在微信瀏覽器上載入極慢又找不到原因的時候,嘗試著刪除一些用不到的meta,然後把JS引用放到頁面渲染的後面,最後刪除jQuery試一試,大部分問題都會解決
相關推薦
H5開發在微信瀏覽器上,載入時“白屏”問題
前天開發了一個簡單的邀請函,整體8個頁面,不足8M,在PC端模擬器上開啟沒有問題,在手機的其他瀏覽器中也沒有問題。唯獨在微信瀏覽器中載入時會出現長時間白屏,使用者體驗很不好 一番檢查下來,因為寫的太隨心了,最後發現了兩個BUG ———————————正文———————
利用H5開發微信公眾號
enc 兩個 寫入 iss mps rep ast htm chang 一、 首先授權配置 公眾號設置 --》功能設置 設置業務域名! 這裏的MP_verify_w7tdZrafqhkK9Mcj.txt文件,需要放到你項目的根目錄下,例子:你的項目war包叫 tes
專業開發微信小程序,小遊戲項目源碼建設定制開發
需要 post style 案例演示 建設 idt .com 源碼 定制 專業微信小程序,小遊戲項目源碼建設定制開發,這是我們10年的技術開發團隊,提供網站建設,APP開發,網站推廣等服務,專業微信小程序定制開發,需要這方面的朋友,可以咨詢一下。 需要可以聯系我的QQ:2
用H5開發微信還是開發APP?
用H5開發微信還是開發APP? 隨著技術的飛速發展,HTML第五版技術標準的更新,在移動端,由於其相對較低的開發成本及強大的跨平臺執行能力,越來越多的資訊型產品也開始選擇這樣輕量級的H5頁面進行快速迭代,同時借用微信等平臺快速觸達使用者。 如今App的紅利時期早己消失殆盡,大家下載應用的熱情已
mpvue開發微信小程式,分享按鈕報錯:`Cannot read property 'apply' of null`
用mpvue開發微信小程式,分享按鈕報錯:Cannot read property 'apply' of null thirdScriptError Cannot read property 'appl
微信公眾號圖片預覽功能開發微信瀏覽器
//這個是呼叫微信圖片瀏覽器的函式 //下面是獲取當前頁面所有的img的src 轉成陣列 並且 轉換成json格式 var aa=[]; var i=0; v
基於vue開發微信小程式,入門開發步驟
接下來。。。。。 1. 初始化一個 mpvue 專案 現代前端開發框架和環境都是需要 Node.js 的,如果沒有的話,請先下載 nodejs 並安裝。 然後開啟命令列工具: # 1. 先檢查下 Node.js 是否安裝成功 $ node -v v8.9.0
解決mpvue + vuex 開發微信小程式,vuex輔助函式mapState、mapGetters不可用問題
前言 最近博主正在用微信小程式開發一款網上商城系統。恰好趕上了美團開源的小程式開發框架mpvue。該框架繼承了vue.js的特性,用起來還是蠻爽的。然後在開發中,資料倉庫這塊懵逼了, 引入的vuex的輔助函式mapState、mapGetters、mapMut
開發微信公眾平臺群發介面時,在對接“上傳圖文訊息素材”時,返回44003
坑爹的公眾平臺, 在呼叫 “` String url=”https://api.weixin.qq.com/cgi-bin/media/uploadnews?access_token=” + tokenString; “`這個介面時明明我的內
自開發微信雲控系統源碼,可二次開發
etl usb ted lse net [] message 比較 所有 微信雲控系統是微信群控的升級版。微信群控系統是通過usb線傳輸數據控制手機進行模擬操作的,而微信雲控系統則是通過網絡傳輸數據操作手機端。也就是從服務器下發命令到手機上,手機端執行各種模擬操作。
自主開發微信雲控系統源碼與群控系統源碼區別,及技術原理
trac 根據 部分 用戶 ssa 臺電 應用 pup lis 在微信雲控系統中,主要由服務器端,手機客戶端,模擬點擊 滑動等部分組成。其系統關鍵的核心在於服務器端的命令推送到手機上,以及手機接收到命令後執行相應程序的模擬人工操作。在開發過程中,我們主要用到的開發語言有:P
php微信支付介面開發,獲取php微信掃碼支付返回結果,php開發微信支付demo原始碼
現在很多網站都是用php開發的, 一些觀看了子恆老師微信公眾號運營視訊後, 想要更加深入的學習, 留言說“php怎麼做微信支付介面開發呢?” “有沒有php微信支付介面開發的demo例項” 下面來詳細談談… 一、 php微信支付介面開發要做的準備 只有你先準備配置好, 然後才能正確
使用Laya引擎開發微信小遊戲(上)
本文由雲+社群發表 使用一個簡單的遊戲開發示例,由淺入深,介紹瞭如何用Laya引擎開發微信小遊戲。 作者:馬曉東,騰訊前端高階工程師。 微信小遊戲的推出也快一年時間了,在IEG的遊戲運營活動中,也出現了越來越多的以小遊戲作為載體運營的活動型別,比如遊戲預約,搶先試完等等,都收到了非常良好的效果。 在支援
你的年目標實現了嗎,記一次開發微信小程式
前言:這是筆者第一次開發小程式,此前一直有打算自己做一個,並且能夠上線使用,但一直找不到靈感,加上還需要伺服器端、資料庫等技能,所有一直沒能實現。後來偶然看到微信小程式雲開發(有點驚豔了,確實挺簡便),再加上一點點想法,於是就開始了小程式雲開發之旅。 第一步,要做什麼東西? 鑑於自己的技術水
Angularjs開發微信單頁面應用時,jssdk選擇圖片wx.chooseImage時回顯是出不來
使用Angularjs開發微信單頁面應用時,選擇圖片wx.chooseImage時回顯是出不來,感覺是被Angularjs的$sec攔截,嘗試過一下幾種方法,最終解決。 1、過濾器 新增過濾器 .fi
第一次接觸 java開發微信掃碼支付,獲取二維碼連結
微信掃碼支付官方文件:https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=6_1 1.在官方文件中下載自己要有的sdk (java的SDK 是一個maven專案,它是不能釋出的) 2.在eclipse中引入下
使用laravel開發微信公眾的一個大坑,適合新手學習的laravel接入微信介面
最近使用laravel做微信公眾號二次開發,發現網上能夠參考的資料基本上很少,很多地方都講的不夠詳細,致使許多新手採坑無數,所以這篇文章講一下如何使用laravel接入微信介面,實現微信公眾號二次開發,順便也會穿插一些laravel基礎知識的講解。 首先學習之前我們得有一個已經認證過的微信公
java開發微信端獲取code和opendId,access_token,使用者列表
第一步:頁面授權獲取code,去你的微信公眾平臺配置就行 https://open.weixin.qq.com/connect/oauth2/authorize?appid=Appid&redirect_uri=http://xxx/xxx/xxx.html&
讓你的「微信小程式」執行在Chrome瀏覽器上,讓我們使用WebStorm
「微信小程式」的開發框架體驗起來,還不錯——自帶了UI框架。但是問題是他的IDE,表現起來相當的糟糕——其實主要是因為,我當時買WebStorm License買了好多年。所以,我覺得他的IDE真不如我這個付費好用。 而且,作為一個擁護自由和開源的 「GitH
解決thinkphp5開發微信支付時候 遇到curl出錯,錯誤碼:60的錯誤
從微信平臺下載完php的微信支付sdk後 要轉換成thinkphp的格式 然後找到在去WxPayApi.php 檔案中找到如下程式碼:curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,TRUE); curl_setopt($ch,CURLOPT