| 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 |