23 Comments

Summary:

Although Chrome for Android is a super browser, I’m shocked that there’s still no native method to show just the content of a web page without ads or annoying distractions. Safari for iOS has this function and these steps replicate it on Android.

As much as I like Google’s Chrome browser for Android, I still can’t fathom why there’s no simple function to show just the content of a web page. Apple’s iOS has this feature, it’s called Reader, and it’s outstanding. While on any web page, you just tap the icon on the left side of your address bar and the page is instantly transformed into only the text and relevant pictures of the page. No ads, no pop-ups, no sidebar images, nothing.

safari reader

I’ve actually recommended a Chrome extension that does the same — it’s called Evernote Clearly — however, it only works on the desktop version of Chrome. So this past weekend, I had an epiphany: Why not try using a method similar to Clearly but on Android’s mobile version of Chrome? The good news is: I found a way.

I remembered that Readability offers a bookmarklet to do exactly what Clearly does. Bookmarklets are small bits of code that are applied to the currently shown web page, which is the exact situation here: I want to transform the current web page on Chrome for Android so that it just shows text. Here’s how to do that:

  1. Using Chrome for Android, navigate to the Readability bookmarklets page. You should see three different bookmarklets. Tap and hold the first one called “Read Now”. You should see a pop-up menu of options. Choose the “Copy Link Address” option, which will store the bookmarklet code in memory.
  2. Next, create a bookmark to this page. If you’re not sure how to create a bookmark, just navigate to any web page in Chrome and tap the star icon that appears in the top right menu of Chrome. You should see this screen:
    Read bookmarklet
  3. Edit the Name of the bookmark. It can be anything, but I recommend something that’s quickly accessible from the keyboard. I named mine *read. You’ll see why I chose to start the name with the asterisk sign shortly.
  4. Next, edit the Address option of your bookmark by deleting the current URL and pasting in the bookmarklet link you saved in step 2. You’ll see some messy code here because you’re actually pasting JavaScript. Don’t worry.
    saved bookmark
  5. Click the Save button to save your bookmark in the Mobile Bookmarks section.

That’s it. You should be all set to clean up the clutter from a web page. To test it out, just navigate to any web page that has a decent amount of content; preferably one that also has ads and other distracting bits. Here’s an example of a long, current New York Times article, complete with ads, trending stories and more.

NYT clutter

To de-clutter the page, just tap in the address bar of Chrome and the Android keyboard should appear. Swipe your finger from the ?123 key to the asterisk key and Chrome should show the *read bookmark; tap it and Readability will convert the page to this; a much easier page to read.

NYT declutter

This should help explain why I chose to name my bookmark *read: It’s a simple shortcut that’s quick and easy to tap on the keyboard.

Note that Instapaper also has a bookmarklet to accomplish the same thing. If you prefer, you can substitute that JavaScript in step 1 above. I like how Readability offers the page reading time but it’s a personal preference, of course. Regardless of the service you choose to clean up the reading experience, both have an option to save the page offline. That way you can read the content in either the Readability or Instapaper app or on the web in a browser.

You’re subscribed! If you like, you can update your settings

  1. What part of ‘Google makes money from advertising’ don’t you understand? Of COURSE there’s no easy way to strip ads out of web pages in Chrome.

  2. dancetoremember Monday, December 23, 2013

    Thanks! I like it.

  3. Yeah, I don’t much mind the ads, sometimes there is even something I’m interested in and I can go have a look. Seems as if you are one of those people that actually want to pay to use the Internet :)

  4. The Mercury browser for Android has a great built in reader.

  5. Even easier is “Google Mobile Proxy”
    Any browser, any platform. Simply go to
    http://www.google.com/gwt/n?u=
    and begin your browsing from there.

  6. Firefox has Reader Mode built-in.

  7. Just did it, great!!!

  8. Wow! Thanks a lot for this article! I really missed this feature!

  9. Russell J. Wilson Monday, December 30, 2013

    Maxthon Browser also has a Reader Mode — has had for some time — it’s one of the top browser’s for Android, and has had this feature for some time — people need to research browsers for the platform, rather than using what they’re used to on the desktop

  10. I’m using the new Nexus 7 tablet. When I bring up *read, it gives me a list of searches with read in the heading. Does not convert the page. Am I missing something?

    1. Can you scroll down through the list? I suspect the *read bookmark is there but down below. The more you use it, the more it should surface going forward however.

      1. I was getting lost on the swipe ?123 key to the asterisk key. I ended up tapping in the URL and manually typing *read and the bookmark come up and worked it’s magic. Thanks for the great tip!

Comments have been disabled for this post