網友使用離線包時出現的一些小問題,在此做個記錄:
1. @200258 這個版本就是個坑。chrome低版本顯示空白,高版本界面亂掉,有反饋出54可以,有說56可以
親測:即使不用離線包直接翻牆,也會出現界面亂掉的情況,看來是最新版chrome和這個版本不兼容造成的。親測Chrome56是沒有問題的。看來只能降低電腦端Chrome版本到56。個人感覺@后面是6位數字的,都使用低版本chrome調試會好些。可以下載下面的chrome綠色版:
https://www.portablesoft.org/google-chrome-legacy-versions/
如果是linux,可以從這里下:http://orion.lcg.ufrj.br/RPMS/myrpms/google/
然后重新覆蓋離線包
@196351也是這樣處理
2. @fee3b02ba8ef9619bd3c28ad40ab2e3d761c06d1 chrome/57.0.2987.132 此版本大部分網友是用來調試微信的。
( 2018-4-27 ) 微信小程序inspect時出來3個頁面,需要打開page-frame.html頁面。然后修改css樣式哦,如下動圖演示:
(2018-4-17)親測:初次打開時,左側確實是空白的,沒有手機預覽界面。其實只要簡單的修改一下css樣式,或者控制台輸入location.reload()重新加載頁面就有了。
這樣定位元素就方便多了。
@fb18664d09e5aba29ce09c4e2abba1eb4b08f027有反應也是這種情況
-------踩坑分割線-----
這個版本有反饋不能預覽。但我測試正常,我是直接Inspect的手機Chrome57版。
今天終於明白為什么不行了?不行的都是從微信上調試的,這是微信的一個坑。微信封裝了Chrome57內核,卻故意屏蔽了調試預覽功能,可能覺得沒什么用。
其實我也很少用預覽,一方面因為卡頓,不如直接看手機流暢;一方面因為前端界面都是自己寫得,直接找elements也很方便。平常都是關閉預覽,手機經過Html元素時,手機上相應的元素會高亮顯示,定位元素也很快。
3. 不想覆蓋? 可以參考這里
也可以通過這個方法,來調試不同的設備,不用來回切換版本。