當前位置:首頁 » 工具五金 » 微信開發者工具主頁面是哪個
擴展閱讀
小米新風系統成本多少 2025-08-04 16:07:59
戰意中如何資源運輸 2025-08-04 16:01:28

微信開發者工具主頁面是哪個

發布時間: 2022-09-01 20:02:08

Ⅰ 微信的主界面在哪裡

1:在手機登錄微信。
2:點擊微信界面右下角的「我」。
3:在個人中心頁面,最後一個則是「設置」。
4:點擊「設置」,在設置頁面,點擊「通用」,即可設置相關功能。
5:在設置頁面,點擊「隱私」,即可設置朋友圈相關等功能。
6:在設置頁面,點擊「新消息提醒」,即可設置消息提示音等功能。

Ⅱ 微信開發者工具——移動調試的簡單使用

       目前主要是做PC端項目,但是偶爾也會有移動端需求提來,有在原生APP中的,也有在微信和瀏覽器中的,目前也就接觸過這三個場景,對於移動端的坑入得也不深,本文介紹也是偏應用,如有不足請見諒。

一、開發移動端頁面的工具

①移動端瀏覽器頁面

       這里開發靜態頁面的做法和普通的PC頁面開發一樣,使用chrome瀏覽器進行開發和調試,但是不一樣的地方是把PC端的開發模式切換到手機開發模式(PC調試模式切換到移動端,點亮圖中 ②即可,圖中①處可以模擬不同移動端設備,同時可以自己添加設備),效果如下:

該方式可以直接調試

②嵌入APP中的移動端頁面

       對於某些經常舉辦針對用戶活動的APP對於嵌入H5頁面的需求是比較多的。因為這樣會節省開發的成本、減少原生APP的迭代速度、對用戶友好。

       開發嵌入原生APP的方式和第一種方式基本一致,唯一和第一種方式有些差別的是:如果h5頁面和原生APP存在一些交互(js需要獲取原生APP放回的數據),這種方式是沒法做到的,因為上述方式是放在瀏覽器這個APP下的,而不是某個特定的原生APP。

解決方法:

        先和原生APP開發的同事商議好介面,使用方式一進行靜態頁面開發(這裡面要寫好正常的邏輯),然後與後台同事聯調好介面,發不到測試,最後與原生開發的同事進行測試環境聯調。過程看起來復雜,如果原生介面沒問題,一般很快搞定。缺點就是和原生聯調的時候,如果有問題,不好排查。(不知各位有什麼好的方法,請指教!)

③開發微信端頁面

       其實這個不應該拎出來說的,因為微信頁面和在普通瀏覽器頁面「一樣」,可以認為微信中瀏覽網頁就是在用QQ瀏覽器瀏覽。所以不再贅述。

總結:移動端開發,還是f12「大法」,然後切換移動調試就行了。

二、微信開發者工具之移動調試的使用

       對於f12開發小型的頁面是沒問題的,但是如果是基於微信的項目就有些力不從心了。所以大部分針對微信開發的項目基本上都可以使用 微信開發者工具 。

針對微信的開發者工具,真的是極大的方便了開發微信項目的效率。

       下面是一個應用於本地的個稅計算器(其實控制台操作和瀏覽器f12基本一致,所以這個東西前端的同事一般立馬上手):

       但是,這個開發者工具雖然是微信官方開發工具,但是畢竟是模擬器,現實情況的復雜會導致有些樣式不兼容。例如vivo的微信客戶端,顯示總是錯亂的(測試的同事發現的問題,她的手機可以還原場景,但是我的手機端是正常的)。所以,我們需要有針對性的在這款手機真機上調試,如何做呢?下面簡要介紹如何利用微信開發者工具進行真機調試。

       相對於iOS移動端調試,Android移動端調試更豐富一點,所以以安卓為例,ios調試方式同Android調試中的「普通調試」。

①普通調試

普通調試的步驟如下:

步驟解釋:

第一步:選擇無線網卡地址,默認即可,工具會自動查詢你的無線網卡ip v4地址

第二步:意思就是你的手機連接的網路要和第一步得到的ip v4在同一個網段內(什麼是網段?看這里)。簡單的做法就是把手機的網路和電腦的網路設置為同一個源(連接到同一個無線網上)

第三步:這個步驟很清楚了,還有一個快捷的方式就是「下拉工具欄——長按無線連接圖標」然後就可以直接進入到無線列表在做後續操作了。iOS操作如下:

iOS: 設置 - 無線區域網 - 選中網路 - HTTP代理手動

第四步:設置好上面步驟以後,重啟微信,這可能是讓微信重新檢測目前的網路情況,然後打開你想調試的頁面(注意,要先打開要調試的頁面才可以開始調試)

第五步:這個不在上面的說明裡,但是需要說明下,打開調試的網頁以後,在點擊下面的開始調試按鈕!

如果你的操作正確,彈出框會是這樣的:

如果你當前沒有在微信打開調試頁面或打開的本地頁面地址錯誤,則會失敗:

       請注意 ,如果你想調試本地開發的頁面,需要你開啟web服務,使用http://host<:port>的方式來訪問,如果只是一個本地頁面,是無法打開調試的,形如webstrom裡面快捷打開的頁面地址:http://localhost:63342/17-app-calculate/index.html 這個是無法調試的。需要你搭建WEB服務,使用類似於http://192.168.0.108:8090/17-app-calculate/ 這種url。(http://127.0.0.1:8090/17-app-calculate/ 這種寫法也是無法調試的,因為微信根本打不開)。

調試模式開啟以後,我們就可以直接在手機上查看調試的結果或者修改東西:

我選中這里,手機就會有類似於PC端選中的狀態一樣被選中

       好了,可以直接看著手機調頁面了,對於一些手機端的兼容性處理更有針對性,而且可以在network那裡看網路請求,十分方便。

②X5 blink內核調試

X5 blink調試步驟如下:

       首先開發者工具要驗證你的手機是不是支持該調試功能,所以,首先選擇驗證,然後在按下面的步驟做:

       上面三步結束以後,直接點擊開始調試按鈕,工具會給出一個彈框,檢測出你的手機信息,但是其他什麼都沒有,像這樣

那是因為——微信還沒有打開能調試的頁面!!!

同樣,打開一個能調試的頁面,這個「白板」就變了樣子了,

注意:過程中會提示「是否允許USB調試」,選擇同意即可

然後點擊箭頭指向的「inspect」,熟悉的畫面再次出現!!!

好啦,這樣就可以愉快的去調試真機界面了!

本文以應用為主,說的不深,不足之處還請見諒!

心如繁星,是美還是罪?

Ⅲ 微信web開發工具在哪

1、網頁搜索微信官網,點擊打開,在首頁導航欄點擊幫助與反饋,如圖:

Ⅳ 微信公眾平台小程序開發者工具怎麼用

贏在移動:1、首先要下載微信官方的微信Web開發者工具。打開微信公眾平台,找到右下方的小程序模塊,點擊「開發」按鈕
2、點擊頂部導航欄的「工具」按鈕,在新頁面的左側欄中找到「下載」。
3、安裝後,就可以直接啟動開發者工具。
4、懂技術的程序員到這一步就可以自己開發了。

Ⅳ 微信小程序開發工具怎麼用 小程序開發工具使用方法

1、首先要下載微信官方的微信Web開發者工具。打開微信公眾平台(mp.weixin.qq.com),找到右下方的小程序模塊,點擊「開發」按鈕;
2、點擊頂部導航欄的「工具」按鈕,在新頁面的左側欄中找到「下載」。可以看到,開發工具提供 Windows 32 位、Windows 64 位和 Mac 三個版本。可根據實際情況,選擇適合自己電腦的開發工具。
3、安裝後,就可以直接啟動開發者工具。如果是首次啟動開發者工具,需要使用開發者的微信號掃碼登錄。登陸後,點擊「添加項目」按鈕,填寫 AppID(如果沒有,則點擊無 AppID)和項目名稱。接著,在項目目錄中點擊「選擇」,新建一個文件夾作為新的項目目錄。然後再次點擊「添加項目」,就可以新建出一個微信小程序項目了。
4、微信開發者工具共分成「編輯」、「調試」和「項目」三個部分。
編輯:編輯和修改小程序的代碼。
調試:顯示小程序代碼錯誤和警告,便於調試代碼錯誤。
項目:用於查看小程序的屬性、修改小程序配置,以及提交小程序代碼至微信伺服器。
5、懂技術的程序員到這一步就可以自己開發了。而不懂編程的小白,可以登錄微信小程序製作平台「即速應用」官方網站www.jisuapp.cn進行小程序的製作。裡面有大量的小程序模板,根據自己的需求選擇一個模板進行製作即可。
開發工具還提供簡單的模擬器(頁面左側),開發者可以使用模擬器在電腦上模擬用戶點擊及使用,提供後台情況模擬、多媒體播放器調試、緩存數據處理等功能
6、製作完成後,點擊「生成」按鈕。然後選擇「小程序打包」,下載小程序的標准代碼包。
7、回到在微信Web開發工具中,在「項目目錄」這一欄選擇下載好的代碼包,打開後就可以看到小程序的預覽效果了。
8、在「項目」頁面中,開發者可以查看小程序的基本屬性,也可以進行真機預覽調試,或向微信伺服器提交一個新版本的小程序代碼。伺服器收到代碼後,管理員就可以通過公眾平台,將新版本提交審核了。