Skip to content

Commit b38b5f1

Browse files
committed
add debug theme for new macOS
1 parent 2347413 commit b38b5f1

5 files changed

+31
-3
lines changed

_posts/basic/2016-09-26-About Themes.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -67,5 +67,5 @@ Please see [Write Custom Theme for Typora](http://theme.typora.io/doc/Write-Cust
6767

6868
You can open Chrome/Safari DevTools to debug element styles.
6969

70-
- On macOS, you could check `Help` -> `Enable Debug` menu item, then right click anywhere in Typora's hybrid edit view, then click "Inspect Elements" from context menu.
70+
- On macOS, please follow <https://support.apple.com/en-hk/guide/safari/sfri20948/mac> to enable `Develop` menu from Safari, then inspect Typora's webview from Safari menu → Develop → [your macOS device name] → Typora.
7171
- On Windows/Linux, you could open DevTools from `View` -> `Toggle DevTools` menu item.

_posts/basic/2021-04-20-Export.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -376,9 +376,9 @@ You can export to EPUB file via `Export` → `Epub` from menu bar. You can confi
376376

377377
You can set custom css from preferences panel, if you don’t know how to start with, you could check https://github.com/mattharrison/epub-css-starter-kit to make your own css style.
378378

379-
#### Chapter Level
379+
#### Chapter Level in Outline
380380

381-
Specify the heading level at which to split the EPUB into separate “chapter” files. The default is to split into chapters at level-1 headings. This option only affects the internal composition of the EPUB, not the way chapters and sections are displayed to users. Some readers may be slow if the chapter files are too large, so for large documents with few level-1 headings, one might want to use a chapter level of 2 or 3.
381+
Specify the number of section levels to include in the table of contents. The default is 3 (which means that level-1, 2, and 3 headings will be listed in the contents).
382382

383383
#### Cover Image
384384

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
---
2+
layout: post
3+
title: Debug Themes / CSS
4+
date: 2024-05-15
5+
category: how-to
6+
author: typora.io
7+
tags: [style]
8+
typora-root-url: ../../
9+
typora-copy-images-to: ../../media/debug-themes
10+
---
11+
12+
## macOS
13+
14+
For macOS ≥ 13.3 and Typora ≥ 1.9, you can debug. Typora theme CSS in following way:
15+
16+
1. **Enable Develop menu item in Safari** --- you must also have enabled Web Inspector in the Settings app under **Safari** > **Advanced** > **Web Inspector**. [Learn more about enabling Web Inspector…](https://webkit.org/web-inspector/enabling-web-inspector/)
17+
2. Select **Safari** menu → **Develop**[your device name]**Typora** to open the DevTools.
18+
19+
<img src="/media/debug-themes/Screenshot 2024-05-15 at 18.31.36.png" alt="Screenshot 2024-05-15 at 18.31.36" style="zoom:50%;" />
20+
21+
<img src="/media/debug-themes/Screenshot 2024-05-15 at 18.32.38.png" alt="Screenshot 2024-05-15 at 18.32.38" style="zoom:50%;" />
22+
23+
For older macOS, you can enable debug mode from Typora preferences panel → General, restart Typora and then right click on Typora writing area and select *Inspect Element*.
24+
25+
## Windows / Linux
26+
27+
You could open DevTools from `View` -> `Toggle DevTools` menu item.
28+
Loading
Loading

0 commit comments

Comments
 (0)