如何觀察 Typora CSS ?

栏目: CSS · 发布时间: 6年前

内容简介: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。

如何觀察 Typora CSS ?

Safari -> Preferences -> Advanced

Show Develop menu in menu bar 打勾,如此 menu 才會出現 develop

如何觀察 Typora CSS ?

Develop -> [host name] -> typora-app — index.html

如何觀察 Typora CSS ?

如此 Typora 的 HTML 與 CSS 就完整呈現了,可使用 element selection 工具觀察要調整的 HTML element。

Conclusion

  • Typora 在 macOS 只能使用 Safari 觀察,不能使用 Chrome
  • Developer Tool 一打通,剩下就是 CSS 功力了

Preference

Typora , Add Custom CSS


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

黑客攻防技术宝典(第2版)

黑客攻防技术宝典(第2版)

[英] Dafydd Stuttard、[英] Marcus Pinto / 石华耀、傅志红 / 人民邮电出版社 / 2012-6-26 / 99.00元

内容简介: Web应用无处不在,安全隐患如影随形。承载着丰富功能与用途的Web应用程序中布满了各种漏洞,攻击者能够利用这些漏洞盗取用户资料,实施诈骗,破坏其他系统等。近年来,一些公司的网络系统频频遭受攻击,导致用户信息泄露,造成不良影响。因此,如何确保Web应用程序的安全,已成为摆在人们眼前亟待解决的问题。 本书是Web安全领域专家的经验结晶,系统阐述了如何针对Web应用程序展开攻击与......一起来看看 《黑客攻防技术宝典(第2版)》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具