最近小編一直在犯病(拖延癥)中,沒能更新過相關文章。也是最近小編在忙者寫公司的Android項目,現在項目耗時半月左右,小編的Android商城模塊已經完成,所有趁著空閑實現總結下在商城模塊下面使用的原生和html之間的通信遇到的問題,以及js調試報錯這一塊,主要針對iOS
,小編Android
技能還是有限,所以只能下次更新嘍,期待與你們相遇。
先介紹下公司的項目吧
公司的項目是個,以舊換新的購物回收的項目,主要功能是兩塊:
1.舊貨回收,抵扣G幣(虛擬幣)
2.商城模塊,京東發貨,價格抵扣G幣。
其實公司項目沒什么新穎之處,就是回收舊貨,以舊換新
,好點的衣服、書籍等會捐出去,算了不扯這些了,和咱們的技術沒什么關系,我們還是聊下技術吧,現在公司有專一的網站,也同樣有手機站,App等
。因為App的更新是需要審核的,而公司的活動是多變,只能使用了Native+html結合來寫活動頁面,但是同一個后臺去兼容iOS,Android、手機站
三個板塊,后臺寫的js的調試就是哥比較單單的憂傷了。特變是手機站
要兼容兩個手機系統ios 和Android
。
何為手機站##
個人理解:就是使用了手機加載網頁。公司使用的是微信微站一類的。利用微信公眾號,進入網頁。(目前還沒開發小程序,正在準備)
iPhone手機調試js##
大家都知道,網頁上面的展示效果、動畫等,都是需要用的js來實現的,但是我們把網頁運行都愛瀏覽器的時候,并不能看到debug和斷點模式
,調試起來就有點淡淡的憂傷了,現在我來教大家來實現html加載瀏覽器的時候,可是使用debug和斷點模式
.
準備材料:MacBook Pro 電腦一個,iPhone 手機一部
1.首先打開手機的開發著模式,只要手機連接到Pro上面以后,開發模式就會顯示出來。(一般的情況是不顯示的,插進電腦后,就會顯示)
2.再打開Safari瀏覽器,打開Safair的開發模式
3,在手機上使用Safair瀏覽器打開你想調試的html頁面(小編大家的是我們手機站首頁)
4.打開pro上面Safair瀏覽器的的開發模式
5,這個時候在你電腦上面就會出現一個彈框
解釋下什么意思:
1.當前手機Safair瀏覽器顯示的頁面的所有內容標簽寫法
.
2.當前頁面需要下載的js和css所有的文件
。
3.監聽你每次請求的時間,完成情況等
。
4.請求所耗的時間
。
5.調試器
,就是我們的重點。可以打斷點。(下面詳解)
6.儲存空間
,當前瀏覽器下面是否時有數據庫儲存。
7.控制臺,就是debug模式,打印的東西,錯誤信息
。
8.全站搜索。
9.錯誤,必須解決
的 就是加載當前頁面鎖出現的錯誤。(小遍的全部是超時)
10.警告
,不解決也沒事,你懂的。
調試器界面
控制器界面
儲存空間
網絡界面
以上的就是小編使用iPhone調試js的使用心得,希望可以幫助到你。
2.手機站調試##
因為手機站是使用微信內置瀏覽器打開的html。所以調試起來就比較麻煩,有的明明在Safair上面可以完全使用,但是就是在微信里面打開會報錯,這就有淡淡的憂傷了,其實就是微信那些孩子改了些東西,沒辦法,那也得調試,不然飯都沒得吃。幸好微信前段時間出了開發小程序的開發工具,同樣也是微信瀏覽器的測試工具。
沒錯,就是玩意兒
,剛開始還不讓玩只能破解版,但是現在好了,隨便可以下載了。
還是開始我們調試程序吧,下面就是這玩意的全部界面,打開是必須要登錄的,掃一掃就可以了,沒辦法,誰讓人家是老大呢!!
開始配置信息,
前提一定要手機和電腦在連接的是通一個網線網,配置完成后,記得重啟微信,調試完成記得關閉代理呦
,別問我為啥
設置好網絡后,重啟微信后,就可以開始調試了,使用微信打開你要調試的html的界面后,就是可以點擊調試按鈕了,就會出現一下的界面。
如果微信打開網頁后,不出現連接,就嘗試重啟這個調試工具
看到下面的Response body 吧,也是可以查看響應體的。
手機站調試Android手機###
誰用X5 Blink 調試必須要先打開TBS內核調試功能,掃二維碼,設置打開就可以了。調試的界面就和Safait其實是一樣的。