標梵講解小程序之微信開發者工具的概覽與界面

2021-01-16 Biaofun標梵互動

概覽

為了方便開發者調試和開發微信小程序，在微信公眾號網頁開發工具的基礎上，推出了微信開發者助手，調試微信小程序和微信公眾號網頁。

在使用微信公眾號網頁開發時，可以調試微信網頁授權和JS·DSK

在使用微信公眾號小程序開發時，可以調試微信API，查看和編輯代碼，預覽和開發小程序。

界面

登錄微信開發者工具，需要掃碼登錄微信帳號，需要使用該微信帳號進行微信小程序的開發和調試，而且該微信帳號必須為小程序的開發者，

新建項目：

需要小程序的 AppID，可以使用測試號，關於測試號的詳情在微信公眾號開發者文檔中有專門講解。

需要微信帳號，而且該微信帳號必須為該小程序開發者。

選擇空目錄，或者選擇目錄裡的app.json或project..config.json，選擇空目錄可以選擇是否在目錄下新建新的項目。

菜單欄

微信web開發者工具

切換帳號：快速切換登錄用戶

關於：關於開發者工具

檢查更新：檢查版本更新

開發者論壇：前往開發者文檔

開發者文檔：前往開發者文檔

調試：調試開發者工具、調試編輯器；如果遇到疑似開發者工具或者編輯器的 bug，可以打開調試工具查看是否有出錯日誌，歡迎在論壇上反饋相關問題

更換開發模式：快速切換公眾號網頁調試和小程序調試

退出：退出開發者工具

相關焦點

  • 開發者福利!微信放出公眾平臺小程序文檔和工具
    首頁 > 動態 > 關鍵詞 > 小程序最新資訊 > 正文 開發者福利！微信放出公眾平臺小程序文檔和工具 站長之家(Chinaz.com)9月24日消息 近日，微信公眾平臺開始內測微信小程序功能，引得了不少關注。不過只有少數人能得到邀請內測的機會，這讓不少開發者有些失望。
  • 開發小程序更容易!微信開發者工具全新改版上線
    今日，微信開發者工具全新改版上線，新增測試系統、騰訊雲工具、小程序分階段發布、小程序性能監控、WXS腳本語言等功能，全套功能讓開發、發布小程序更高效。——小程序真機測試系統來了在小程序上線前，真機測試不能少。現在，為了讓開發者更方便地檢測小程序，評估小程序產品質量，微信開發者工具新增了測試系統。在發布之前，開發者可將小程序代碼提交到測試系統，在不同型號的手機真機上測試運行，執行完畢後自動生成測試報告。加載時間、CPU佔比、內存佔比等信息一目了然。
  • 如何使用小程序開發者工具搭建釘釘小程序項目
    與微信小程序開發一樣，可以使用小程序開發者工具創建釘釘小程序；不過兩者對應的文件不一致：微信小程序頁面文件：index.wxml樣式文件：index.wxssJavaScript文件：index.jsJSON文件：index.json釘釘小程序頁面文件
  • 微信PC版小程序開發者公測 可在PC端預覽小程序
    8月9日消息，微信開放社區發布公告稱，微信PC版小程序開發者公測，最新版微信開發者工具新增支持在微信PC版中預覽小程序。微信表示，用戶在微信PC端聊天場景中收到的小程序消息，可支持在PC端直接打開，且界面與手機端保持一致，其他PC環境暫不支持打開小程序。
  • 如何修改支付寶小程序開發者工具字體
    工具小程序開發者工具技術小程序技術JavaScript在進行支付寶小程序開發時，使用小程序開發者工具進行開發；但是工具默認的字體太小，特別是對有近視的開發人員，長時間看會很累。那麼，如何修改支付寶小程序開發者工具字體？
  • 小白開發日記——學習開發微信小程序第三天——設計界面(一)
    大家好，我是小蝸牛，昨天剛看完小程序的界面構成，感覺界面還是挺複雜的啊。。。今天我想能不能開始做做小程序呈現的界面，由於我也不是什麼專業的前端，想來想去，還是採取最直接的方式吧。沒錯，就是模仿，搜索一個個人博客的小程序進行頁面仿寫。
  • 微信小程序開發工具使用指南
    1、下載微信官方的微信Web開發者工具。打開微信公眾平臺，找到右下方的小程序模塊，將滑鼠放在此模塊上，點擊「開發」按鈕。2、點擊「工具」，在頁面左側欄中找到「下載」。開發工具提供 Windows 32 位、Windows 64 位和 Mac 三個版本，可根據實際情況選擇適合自己電腦的開發工具。
  • 小白開發日記——學習開發微信小程序第二天——界面
    昨天新建項目完成後，進入微信開發者工具。>在結構目錄的左邊，是小程序的模擬器，微信開發工具會根據開發者選擇的機型作為開發機型，進行編譯運行，開發者可以直觀的看到小程序的運行結果。其中，Console：控制臺，用於列印輸出一些變量和顯示錯誤信息，幫助開發者更好的調試微信小程序Sources：來源，顯示當前目錄的所有腳本文件，微信小程序框架會對這些腳本文件進行編譯。Network：顯示小程序的網絡連接情況，以及顯示與網絡有關的信息。Security：功能未知。。
  • 小程序自動生成工具控制臺使用講解
    一鍵生成屬於自己的小程序，是好多不寫代碼的企業達人的願望。這裡有兩個核心概念，1，「一鍵生成」，當然不是點擊一次就自動生成一個小程序，也不是不寫任何代碼就可以實現的，還是需要填寫一些基本的信息，如小程序的名稱，商戶ID等，還需要設置界面的和字體的顏色搭配等。
  • 簡單的小程序開發者工具使用教程
    微信小程序發布三年多來，給無數線下商家提供了線上轉型的機會。小程序越來越受歡迎，想要製作自己的小程序的人也越來越多，這就需要用到小程序開發工具。那麼具體該怎麼生成呢？有這兩種方法：1.用微信官方開發者工具如果你有一定代碼知識，那麼可以下載安裝微信官方小程序開發者工具，然後根據自己的作業系統下載對應的安裝包。安裝好後，新建小程序項目，選擇代碼存放的硬碟路徑，填入自己的小程序的 AppID（沒有的話你要先到微信公眾平臺註冊一個小程序帳號，在「設置」裡查看你的小程序的 AppID）。
  • 微信小程序學習筆記（一）——了解微信小程序
    微信小程序提供了一個簡單、高效的應用開發框架和豐富的組件及API，幫助開發者在微信中開發具有原生 APP 體驗的服務。AppID 相當於小程序平臺的一個身份證，後續你會在很多地方要用到 AppID2、安裝開發者工具開發者工具下載頁面 下載微信開發者工具
  • 新版微信開發者工具可期:支持PC小程序調試、圖標更新
    據IT之家網友「stevapple」投稿，微信團隊消息，微信開發者工具穩定版 1.02.2003250 近日更新：雲開發支持按量付費、PC小程序調試、圖標更新等。以下為官方更新公告：1. 編輯器優化微信開發者工具的編輯器功能經過重新調整，優化並增加了若干功能。
  • 微信小程序開發,小程序製作工具,重慶小程序開發公司
    小程序開發_小程序製作專用工具_深圳小程序開發歐企業一、手機微信開發者平臺微信平臺平臺是運營人根據公眾號為微信用戶出示新聞資訊和服務項目的平臺，而群眾平臺開發插口則是出示服務項目的基本，開發者在群眾平臺網址中建立公眾號、獲得插口管理權限後，能夠根據閱讀文章接口文檔來協助開發
  • 「微信小程序入門連載六」微信小程序配置debug+頁面配置
    上一篇文章說明了小程序配置 — tabBar，本篇文章說明小程序配置networkTimeout、debug，頁面配置 。一、networkTimeout可以設置各種網絡請求的超時時間。二、debug可以在開發者工具中開啟debug模式，在開發者工具的控制臺面板，調試信息以info的形式給出，其信息有Page的註冊，頁面路由，數據更新，事件觸發。可以幫助開發者快速定位一些常見的問題。手機調試用的是vConsole，在開發工具中預覽生成二維碼，用微信掃描，在手機端顯示。
  • 2020年最新微信小程序學習資源匯總
    【微信支付】微信小程序支付開發者文檔https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?慕課：入門微信小程序開發本章節什麼是微信小程序，小程序有哪些宣傳方式，小程序官方文檔介紹，小程序開發流程，如何註冊小程序，新建小程序項目，小程序開發工具講解，小程序代碼結構講解，代碼編寫-tabbar的配置。
  • 通過微信小程序看前端
    雖然內測名額十分稀少，但依賴中國廣大開發者的破解和分享精神，在網絡上很快出現了開發工具的破解版本和API文檔。然而可能是微信的妥協或者早已預料，9月24日微信官方發布了不需要破解就可以使用的微信小程序開發者工具和文檔，對於費勁心思破解完的開發者來說應該瞬間整個人都不好了。
  • 標梵設計師解說APP開發中UI設計的五個重要元素
    標梵設計師解說APP開發中UI設計的五個重要元素UI設計是APP開發不可缺少的一部分，其審美程度和視覺體驗主要由界面中的基本視覺元素決定。山東標梵互動設計師講解說視覺元素是由線條、形狀、顏色、紋理和圖案五個基本結構組成。
  • 小程序開發者自助解綁小程序
    最近在幫朋友開發小程序時，朋友突然告訴我，不能綁定開發者了。但是就比較納悶，問了下，才知道，一個微信號只能綁定為50個小程序的開發者。當時就比較懵了，之前我幫過好多人開發過小程序，這些小程序都綁定過我為開發者，可是具體是那些人，真的有點忘記了。就去官方文檔搜，還真給搜到了。
  • 如何使用TypeScript語言創建微信小程序
    工具微信開發者工具技術微信小程序TypeScriptJavaScriptJSON1、打開微信開發者工具，點擊加號新建打開微信開發者工具，點擊加號新建2、輸入項目名稱和AppID，語言選擇TypeScript
  • 小程序開發者是什麼意思?怎麼開發小程序?
    1.小程序開發者是什麼意思很多新手會好奇，小程序開發者是誰？從字面上來說，小程序開發者是開發小程序的人或公司，但實際上是指你這個小程序的主體，主體信息你在小程序裡就可以查到，如下圖所示，進入小程序後，點擊右上角「…」就可以查看。