内容简介：Typora 是使用 Electorn 技術的 macOS App，也因此可自行使用 CSS 開發 Theme，或者利用既有的 Theme 加以微調 CSS，但問題來了，該如何觀察 CSS 呢 ?macOS Mojave 10.14.4Typora 0.9.9.24.2 (2386)
Typora 是使用 Electorn 技術的 macOS App，也因此可自行使用 CSS 開發 Theme，或者利用既有的 Theme 加以微調 CSS，但問題來了，該如何觀察 CSS 呢 ?
Version
macOS Mojave 10.14.4
Typora 0.9.9.24.2 (2386)
Safari 12.1 (14607.1.40.1.4)
Safari
一般想到 developer tools，都會想到 Chrome，但可惜 Typora 在 macOS 無法使用 Chrome 觀察 CSS，必須使用 Safari。
Safari -> Preferences -> Advanced
將 Show Develop menu in menu bar 打勾，如此 menu 才會出現 develop 。
Develop -> [host name] -> typora-app — index.html
如此 Typora 的 HTML 與 CSS 就完整呈現了，可使用 element selection 工具觀察要調整的 HTML element。
Conclusion
- Typora 在 macOS 只能使用 Safari 觀察，不能使用 Chrome
- Developer Tool 一打通，剩下就是 CSS 功力了
Preference
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
高性能网站建设指南（第二版）
Steve Souders / 刘彦博 / 电子工业出版社 / 2015-5 / 55.00元
《高性能网站建设指南：前端工程师技能精髓》结合Web 2.0以来Web开发领域的最新形势和特点，介绍了网站性能问题的现状、产生的原因，以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征，阐释优化Ajax、CSS、JavaScript、Flash和图片处理等要素的技术，全面涵盖浏览器端性能问题的方方面面。在《高性能网站建设指南：前端工程师技能精髓》中，作者给出了14条具体的优化......一起来看看 《高性能网站建设指南（第二版）》 这本书的介绍吧!
