OLD | NEW |
1 # DOM Distiller | 1 # DOM Distiller |
2 | 2 |
3 DOM Distiller aims to provide a better reading experience by distilling the | 3 DOM Distiller aims to provide a better reading experience by distilling the |
4 content of the page. This distilled content can then be used in a variety of | 4 content of the page. This distilled content can then be used in a variety of |
5 ways. | 5 ways. |
6 | 6 |
7 The current efforts that will be powered by DOM Distiller: | 7 The current efforts that are or will be powered by DOM Distiller: |
8 | 8 |
9 - Reader mode: a mobile-friendly viewing mode for Chrome mobile | 9 - Reader mode: a mobile-friendly viewing mode for Chrome mobile |
| 10 - [Simplify page for print] |
| 11 (https://plus.google.com/+FrancoisBeaufort/posts/dDPD2gVThuv) |
10 | 12 |
11 ## How to use Reader mode on mobile Chrome | 13 ## Report a bug |
12 | 14 |
13 - Open Chrome on your mobile device | 15 We use the same bug tracking system Chromium uses (http://crbug.com), and the |
| 16 DOM distiller related bugs are filed under [`component:UI>Browser>ReaderMode`] |
| 17 (https://bugs.chromium.org/p/chromium/issues/list?q=component%3AUI%3EBrowser%3ER
eaderMode) |
| 18 component. |
| 19 |
| 20 If the extracted contents have missing or extra text or images, it's considered |
| 21 a bug. If a long non-mobile-friendly article doesn't trigger the infobar on |
| 22 Chrome on Android, you can also file a bug. |
| 23 |
| 24 ## How to use Reader mode on Chrome on Android |
| 25 |
| 26 - Open Chrome on your Android phone |
14 - Navigate to [chrome://flags](chrome://flags) and search for "Reader mode" | 27 - Navigate to [chrome://flags](chrome://flags) and search for "Reader mode" |
15 (Menu -> Find in page -> Enable Reader Mode Toolbar Icon), or directly go to | 28 (Menu -> Find in page -> Reader Mode triggering), or directly go to |
16 [chrome://flags#enable-reader-mode-toolbar-icon] | 29 [chrome://flags#reader-mode-heuristics] |
17 (chrome://flags#enable-reader-mode-toolbar-icon) | 30 (chrome://flags#reader-mode-heuristics) |
18 - Click Enable to turn on Reader mode | 31 - Choose "Appears to be an article" to turn on Reader mode for |
| 32 non-mobile-friendly long articles, or choose "Always" for debugging. |
19 - Click "Relaunch Now" at the bottom of the page | 33 - Click "Relaunch Now" at the bottom of the page |
20 - Next time you're trying to read a page, tap on the "Reader mode" icon in the | 34 - Next time you're trying to read a page, tap on the "Make page |
21 toolbar to try it out! | 35 mobile-friendly" infobar to try it out! |
22 | 36 |
23 # Continuous integration | 37 # Continuous integration |
24 | 38 |
25 - [![Build Status] | 39 - [![Build Status] |
26 (https://drone.io/github.com/chromium/dom-distiller/status.png)] | 40 (https://drone.io/github.com/chromium/dom-distiller/status.png)] |
27 (https://drone.io/github.com/chromium/dom-distiller/latest) | 41 (https://drone.io/github.com/chromium/dom-distiller/latest) |
28 - [drone.io waterfall](https://drone.io/github.com/chromium/dom-distiller) | 42 - [drone.io waterfall](https://drone.io/github.com/chromium/dom-distiller) |
29 | 43 |
30 # Get the code | 44 # Get the code |
31 | 45 |
(...skipping 414 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
446 aliases for easy access later. For example, Nexus 4 would be: | 460 aliases for easy access later. For example, Nexus 4 would be: |
447 | 461 |
448 ``` | 462 ``` |
449 --user-agent="Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 4 Build/JOP40D) Ap
pleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19" | 463 --user-agent="Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 4 Build/JOP40D) Ap
pleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19" |
450 ``` | 464 ``` |
451 | 465 |
452 Steps 1-3 in the guide above can typically be done in a stable version of | 466 Steps 1-3 in the guide above can typically be done in a stable version of |
453 Chrome, whereas the rest of the steps is typically done in your own build of | 467 Chrome, whereas the rest of the steps is typically done in your own build of |
454 Chrome (hence the "(Re)" in step 4). Besides speed, this also facilitates | 468 Chrome (hence the "(Re)" in step 4). Besides speed, this also facilitates |
455 side-by-side comparison. | 469 side-by-side comparison. |
OLD | NEW |