Google Chrome 預設瀏覽 CSS 與 JS 的介面相當難看，就只是單純把原始碼用純文字呈現，如果你經常需要檢視它們，我相當建議您安裝「JavaScript and CSS Code Beautifier」，這個擴充元件可以美化 CSS、JS 檢視頁面 🔍，為原始碼加上行號與顏色標記 📍，非常實用！
▲「JavaScript and CSS Code Beautifier」擴充元件的選項，可以在這邊自訂樣式。
▲以後開啟 CSS 或 JS 檔時會跳出提示問您是否要美化原始碼。
▲開啟「Automatic formatting」讓擴充自動為 CSS 和 JS 美化，就不需要手動按美化啦！
▲原始碼美化的樣子。
您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！
VS Code x Gemini Code Assist：完整安裝與實戰教學，用 Google AI 打造最強開發環境
最強動漫 AI 模型 Anima-Base 正式發布！
Stable Diffusion：用於調整人物胸部大小的 AI 繪圖提詞
Anima Standalone Trainer：訓練二次元動漫角色 Anima 專用 LoRA 模型實戰教學
Anima：重塑二次元創作邏輯的提示詞撰寫全攻略
警惕！假冒中國信託（CTBC）之釣魚郵件詐騙手法分析
Richart APP：收到簽帳金融卡後開卡流程教學
警惕！近期出現偽冒「一卡通 iPASS」電子發票中獎通知之詐騙郵件
中華郵政(郵局)國內包裹託運單格式、交寄教學
Stable Diffusion：人物服裝 AI 繪圖提詞大全
《上一篇》CodeZen：將程式碼、原始碼加上標記顏色後輸出成 JPG or PNG 
《下一篇》WPS Office：手機辦公套件 APP、快速開啟文檔、轉檔 PDF
留言區 / Comments
萌芽論壇