在開發(fā)微信小程序的過程中,我們需要實時預覽代碼呈現(xiàn)的效果登淘。在默認的情況下箫老,每次保存編譯之后,展現(xiàn)的都是
/pages/index/index
頁面形帮,而不是我們期望預覽的頁面槽惫,需要手動進行點擊跳轉,影響開發(fā)效率辩撑。那么有沒有方法可以將我們當前開發(fā)的頁面設置為自動預覽頁呢界斜?有多少種方法?
微信開發(fā)者工具設置預覽頁面的三種方式
-
(不推薦)在
app.json
中設置pages
屬性數(shù)組的順序合冀,將需要預覽的頁面路徑設置為第一個各薇。 -
(不推薦)在
app.json
中設置entryPagePath
屬性值為需要預覽的頁面路徑。 - (推薦)在開發(fā)者工具內(nèi)設置編譯模式君躺。
目標: 將
pages/suggestion/suggestion
設置為編譯預覽頁面峭判。
一、(不推薦)在app.json
中設置pages
屬性數(shù)組的順序棕叫,將需要預覽的頁面路徑設置為第一個
- 設置方式:
- 缺點:
- 每次調(diào)整頁面都需要手動調(diào)整代碼林螃,如果上線的時候沒調(diào)整過來會有風險。
- 會打亂頁面的正常順序俺泣。
- 在多人開發(fā)的情況下疗认,每次merge的時候需要調(diào)整為index頁,否則會沖突伏钠。
- 無法傳遞參數(shù)
二横漏、(不推薦)在app.json
中設置entryPagePath
屬性值為需要預覽的頁面路徑
- 設置方式
- 缺點:
- 每次調(diào)整頁面都需要手動調(diào)整代碼,如果上線的時候沒調(diào)整過來會有風險熟掂。
- 會打亂頁面的正常順序缎浇。
- 在多人開發(fā)的情況下,每次merge的時候需要調(diào)整為index頁赴肚,否則會沖突素跺。
- 無法傳遞參數(shù)
- 如果不填,將默認為 pages 列表的第一項
三誉券、(推薦)在開發(fā)者工具內(nèi)設置編譯模式
- 設置方式:
- 使用:
- 選擇剛才設置的編譯模式
- 優(yōu)點:
- 不入侵代碼亡笑。
- 不會產(chǎn)生安全問題。
- 不會與別人的代碼發(fā)生沖突横朋。
- 可攜帶頁面路徑參數(shù)。
- 可設置進入場景
- 不入侵代碼亡笑。