如何查看 Javascript 產生的 HTML 元件 ?

就阿舍所知，IE 內建的功能應該是沒有辦法的，所以，每次要 Debug 由 Javascript 動態產生的 HTML 原始碼就很痛苦，後來阿舍改用 Apple 的 Safari 瀏覽器之後才發現，這個 Safari 瀏覽器內建就有這個功能，叫做「網頁檢視器 ( Web Inspector )」，在 Javascript 執行完成後到上面選單的「開發人員」>「顯示網頁檢視器」，這樣就會跳出一個視窗，左邊出現的就是所有網頁的 HTML 元件了，點那個黑色三角型就可以一直往下展開了...。

不過，後來，阿舍發現 Google 的 Chrome 瀏覽器也有這個功能，只點選右上角的「板手」圖示，然後，點選「工具(L)」>「開發人員工具(D)」就會在畫面的下方顯示網頁的原始碼哩 !

推薦閱讀

• 問題沒解決嗎? 更多的 Ubuntu 教學在 這裡
• Prompt Injection: 提示詞注入安全漏洞
• 二款 Mac 無痛安裝的 Stable Diffusion 軟體
• 用 AI 寫部落格文章好不好 ?
• 沒有免費的 Midjourney 和 Colab 又不想花錢怎麼辦 ?
• 不學 Prompt 技巧也能善用 ChatGPT 的簡單方法
• 企業 AI 應用：不只是聊天機器人
• Automatic 比 Automatic1111 更好用 ? 都是 Stable Diffusion WebUI
• Stable Diffusion 的 /describe 圖生文功能
• AI 畫出讓人可怖的美圖 ！

有疑問？ 問題還是沒解決嗎? 歡迎下方留言提問和討論 😁