上面是獲取安裝包的地址，選擇自己需要的版本進行下載安裝。其實這兩個工具都是微信官方出的工具，應該是不同的版本，暫且叫“微信開發者工具”和“微信小程序開發者工具”吧。其不同是“微信開發者工具”主要是對公眾號web的調試，在chrome的基礎上進行修改的，可以通過usb鏈接電腦進行真機調試。而微信小程序開發者工具則涵括了公眾號開發調試和微信小程序開發調試，不過試了下，公眾號開發調試的時候不能通過usb連接調試。

　　安裝時候要注意的是，這兩個工具要安裝在不同目錄，不然會提示安裝失敗。并且要注意的是安裝第二個的時候要把桌面已安裝的快捷圖標改名，否則會被覆蓋。

設置跨域

　　“微信開發者工具”在安裝成功后，桌面找到新增的快捷圖標右擊”屬性->快捷方式->目標(T)" 在最后加上  --disable-web-security --user-data-dir 前面記得留空格！

　　“微信小程序開發者工具”跨域的話，在開發小程序的模式下可以設置允許跨域，具體操作：打開小程序項目->微信小程序開發工具界面上方“設置”->"項目設置“->右邊彈出”項目設置“->勾選”不校驗安全域名、TLS 版本以及 HTTPS 證書“, ok! 如果在公眾號網頁調試的模式下要允許跨域的話，暫時沒找到設置方法，找到再補充。

連接真機調試

　　還是在“微信開發者工具”的基礎上連接調試，具體步驟如下：

　　1、手機端設置允許“USB調試”，

　　2、按照提示的步驟走，如圖

　　3、點擊“開始調試”后會打開新的頁面，顯示連接情況，如果沒有顯示連接設備，可以重插usb或者刷新微信公眾號頁面看看，如圖：