最近小編一直在犯病（拖延癥）中，沒能更新過相關文章。也是最近小編在忙者寫公司的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其實是一樣的。
