如何觀察 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


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

查看所有标签

猜你喜欢:

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

文明之光 (第三册)

文明之光 (第三册)

吴军 / 人民邮电出版社 / 2015-1-1 / 59

【《文明之光》系列荣获由中宣部、中国图书评论学会和中央电视台联合推选的2014“中国好书”奖】 吴军博士从对人类文明产生了重大影响却在过去被忽略的历史故事里,选择了有意思的几十个片段特写,以人文和科技、经济结合的视角,有机地展现了一幅人类文明发展的宏大画卷。 《文明之光 》系列大致按照从地球诞生到近现代的顺序讲述了人类文明进程的各个阶段,每个章节相对独立,全景式地展现了人类文明发展历程......一起来看看 《文明之光 (第三册)》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

html转js在线工具
html转js在线工具

html转js在线工具