内容简介: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
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
精通 CSS(第3版)
[英]安迪•巴德 - Andy Budd、[瑞典]埃米尔•比约克隆德 - Emil Björklund / 李松峰 / 人民邮电出版社 / 2019-2 / 99
本书是CSS设计经典图书升级版,结合CSS近年来的发展,尤其是CSS3和HTML5的特性,对内容进行了全面改写。本书介绍了涉及字体、网页布局、响应式Web设计、表单、动画等方面的实用技巧,并讨论了如何实现稳健、灵活、无障碍访问的Web设计,以及在技术层面如何实现跨浏览器方案和后备方案。本书还介绍了一些鲜为人知的高级技巧,让你的Web设计脱颖而出。一起来看看 《精通 CSS(第3版)》 这本书的介绍吧!
HTML 压缩/解压工具
在线压缩/解压 HTML 代码
RGB HSV 转换
RGB HSV 互转工具