在Chrome Web Store上安裝這個(gè)擴(kuò)展：Angular state inspector

打開一個(gè)Angular應(yīng)用，在Chrome開發(fā)者工具的Elements標(biāo)簽頁(yè)里，多出來(lái)一個(gè)State標(biāo)簽，可以查看當(dāng)前Angular應(yīng)用的綁定信息：

在內(nèi)部屬性__ngContext__里，可以看到Angular的版本號(hào)：

在Chrome開發(fā)者工具的console里，打印$state也可以顯示這些綁定模型的值：

可以直接在state標(biāo)簽頁(yè)里修改模型的值，不能立即生效：

需要手動(dòng)在console里執(zhí)行$apply()才能生效：

要獲取更多Jerry的原創(chuàng)文章，請(qǐng)關(guān)注公眾號(hào)"汪子熙":

總結(jié)

以上是生活随笔為你收集整理的Chrome扩展应用Angular state inspector的使用方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。