Files
wahyd4.github.com/2011/03/13/chrome-reader/index.html
T

822 lines
20 KiB
HTML

<!DOCTYPE html>
<html class="theme-next gemini use-motion" lang="zh-Hans">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="#222">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<link href="/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />
<link href="/css/main.css?v=5.1.2" rel="stylesheet" type="text/css" />
<meta name="keywords" content="chrome,google,app," />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=5.1.2" />
<meta name="description" content="又有几天笔者没有认真更新博客了,自己有些事需要处理吧,老实说看着自己博客的这个样子有时候性质很高,但是有时候又感觉没有动力。不过我还是会继续更新的。今天给大家分享的还是关于google chrome浏览器的东西,一款阅读app ——ireader. 如果你厌恶有些网页满篇都是广告,如果你厌恶某些网站的文章的字体让你看起来很不舒服,如果你只想很纯粹的阅读文章,而且看文章的时候网页的背景让眼睛很">
<meta name="keywords" content="chrome,google,app">
<meta property="og:type" content="article">
<meta property="og:title" content="chrome 阅读文章app——ireader:给你更好的阅读体验">
<meta property="og:url" content="http://toozhao.com/2011/03/13/chrome-reader/index.html">
<meta property="og:site_name" content="大染志">
<meta property="og:description" content="又有几天笔者没有认真更新博客了,自己有些事需要处理吧,老实说看着自己博客的这个样子有时候性质很高,但是有时候又感觉没有动力。不过我还是会继续更新的。今天给大家分享的还是关于google chrome浏览器的东西,一款阅读app ——ireader. 如果你厌恶有些网页满篇都是广告,如果你厌恶某些网站的文章的字体让你看起来很不舒服,如果你只想很纯粹的阅读文章,而且看文章的时候网页的背景让眼睛很">
<meta property="og:locale" content="zh-Hans">
<meta property="og:image" content="http://toozhao.com/images/2011/03/22_conew1.jpg">
<meta property="og:image" content="http://toozhao.com/images/2011/03/3-14-2_conew1.jpg">
<meta property="og:updated_time" content="2014-07-22T08:45:58.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="chrome 阅读文章app——ireader:给你更好的阅读体验">
<meta name="twitter:description" content="又有几天笔者没有认真更新博客了,自己有些事需要处理吧,老实说看着自己博客的这个样子有时候性质很高,但是有时候又感觉没有动力。不过我还是会继续更新的。今天给大家分享的还是关于google chrome浏览器的东西,一款阅读app ——ireader. 如果你厌恶有些网页满篇都是广告,如果你厌恶某些网站的文章的字体让你看起来很不舒服,如果你只想很纯粹的阅读文章,而且看文章的时候网页的背景让眼睛很">
<meta name="twitter:image" content="http://toozhao.com/images/2011/03/22_conew1.jpg">
<script type="text/javascript" id="hexo.configurations">
var NexT = window.NexT || {};
var CONFIG = {
root: '/',
scheme: 'Gemini',
version: '5.1.2',
sidebar: {"position":"left","display":"post","offset":12,"offset_float":12,"b2t":false,"scrollpercent":false,"onmobile":false},
fancybox: true,
tabs: true,
motion: true,
duoshuo: {
userId: '0',
author: '博主'
},
algolia: {
applicationID: '',
apiKey: '',
indexName: '',
hits: {"per_page":10},
labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
}
};
</script>
<link rel="canonical" href="http://toozhao.com/2011/03/13/chrome-reader/"/>
<title>chrome 阅读文章app——ireader:给你更好的阅读体验 | 大染志</title>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-5243064-16', 'auto');
ga('send', 'pageview');
</script>
</head>
<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">
<div class="container sidebar-position-left page-post-detail ">
<div class="headband"></div>
<header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
<div class="header-inner"><div class="site-brand-wrapper">
<div class="site-meta ">
<div class="custom-logo-site-title">
<a href="/" class="brand" rel="start">
<span class="logo-line-before"><i></i></span>
<span class="site-title">大染志</span>
<span class="logo-line-after"><i></i></span>
</a>
</div>
<p class="site-subtitle">想要玩得很 High 的程序员</p>
</div>
<div class="site-nav-toggle">
<button>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
</button>
</div>
</div>
<nav class="site-nav">
<ul id="menu" class="menu">
<li class="menu-item menu-item-home">
<a href="/" rel="section">
<i class="menu-item-icon fa fa-fw fa-home"></i> <br />
首页
</a>
</li>
<li class="menu-item menu-item-archives">
<a href="/archives/" rel="section">
<i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
归档
</a>
</li>
<li class="menu-item menu-item-tags">
<a href="/tags" rel="section">
<i class="menu-item-icon fa fa-fw fa-tags"></i> <br />
标签
</a>
</li>
<li class="menu-item menu-item-about">
<a href="/about" rel="section">
<i class="menu-item-icon fa fa-fw fa-user"></i> <br />
关于
</a>
</li>
<li class="menu-item menu-item-知识图谱">
<a href="https://toozhao.com/knowledge-mind-mapping" rel="section">
<i class="menu-item-icon fa fa-fw fa-question-circle"></i> <br />
知识图谱
</a>
</li>
</ul>
</nav>
</div>
</header>
<main id="main" class="main">
<div class="main-inner">
<div class="content-wrap">
<div id="content" class="content">
<div id="posts" class="posts-expand">
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
<div class="post-block">
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2011/03/13/chrome-reader/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Junv">
<meta itemprop="description" content="">
<meta itemprop="image" content="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="大染志">
</span>
<header class="post-header">
<h1 class="post-title" itemprop="name headline">chrome 阅读文章app——ireader:给你更好的阅读体验</h1>
<div class="post-meta">
<span class="post-time">
<span class="post-meta-item-icon">
<i class="fa fa-calendar-o"></i>
</span>
<span class="post-meta-item-text">发表于</span>
<time title="创建于" itemprop="dateCreated datePublished" datetime="2011-03-13T00:00:00+11:00">
2011-03-13
</time>
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-calendar-check-o"></i>
</span>
<span class="post-meta-item-text">更新于&#58;</span>
<time title="更新于" itemprop="dateModified" datetime="2014-07-22T18:45:58+10:00">
2014-07-22
</time>
</span>
<span class="post-category" >
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-folder-o"></i>
</span>
<span class="post-meta-item-text">分类于</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/酷玩软件/" itemprop="url" rel="index">
<span itemprop="name">酷玩软件</span>
</a>
</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<blockquote>
<p>又有几天笔者没有认真更新博客了,自己有些事需要处理吧,老实说看着自己博客的这个样子有时候性质很高,但是有时候又感觉没有动力。不过我还是会继续更新的。今天给大家分享的还是关于google chrome浏览器的东西,一款阅读app ——ireader.</p>
<p><a href="/images/2011/03/22_conew1.jpg"><img class="aligncenter size-full wp-image-1545" title="22_conew1" src="/images/2011/03/22_conew1.jpg" alt="" width="484" height="275"></a></p>
</blockquote>
<p>如果你厌恶有些网页满篇都是广告,如果你厌恶某些网站的文章的字体让你看起来很不舒服,如果你只想很纯粹的阅读文章,而且看文章的时候网页的背景让眼睛很舒服。那么我推荐各位同学使用这样一款google app ——<a href="https://chrome.google.com/webstore/detail/ppelffpjgkifjfgnbaaldcehkpajlmbc" target="_blank">ireader</a></p>
<p><a href="/images/2011/03/3-14-2_conew1.jpg"><img class="aligncenter size-full wp-image-1546" title="3-14-2_conew1" src="/images/2011/03/3-14-2_conew1.jpg" alt="" width="659" height="337"></a></p>
<p style="text-align: center;"><br> 如图是打开某网页进入阅读模式的图片<br></p>
<p>如果你安装了这款插件,当你进入有文章的网页时,该插件会自动识别网页,并在浏览器网址栏里面出现ireader app的图标,现在你只需要点击那个图标即可以进入阅读模式。</p>
<p>阅读模式完全屏蔽网页的广告,自动将文章的字体转换到让你的眼睛很舒服的状态,而且你还可以在该 app 的设置状态设置浏览时选择的字体和是否显示图片。</p>
<p style="text-align: center;"><br> </p><p><br> <span style="color: #ff0000;">注意:可能有些有文章的网页不能够被该插件识别,我个人觉得原因是可能是该网页文章内所含图片的个数太多或者文章的内容过于少了!不过大多数情况是可以识别的!</span><br> </p>
<blockquote><br> <h2><br> <span style="color: #ff0000;">下载插件:<span style="color: #000000;"><a href="https://chrome.google.com/webstore/detail/ppelffpjgkifjfgnbaaldcehkpajlmbc" target="_blank">点我进入google app store 下载</a></span></span><br> </h2><br> </blockquote>
<p><br> <span style="color: #ff0000;"><br> </span><br> </p>
</div>
<footer class="post-footer">
<div class="post-tags">
<a href="/tags/chrome/" rel="tag"># chrome</a>
<a href="/tags/google/" rel="tag"># google</a>
<a href="/tags/app/" rel="tag"># app</a>
</div>
<div class="post-nav">
<div class="post-nav-next post-nav-item">
<a href="/2011/03/13/content-lost/" rel="next" title="不好意思!博客被黑了,内容丢失了。">
<i class="fa fa-chevron-left"></i> 不好意思!博客被黑了,内容丢失了。
</a>
</div>
<span class="post-nav-divider"></span>
<div class="post-nav-prev post-nav-item">
<a href="/2011/03/15/css3-for-web-designers-pdf/" rel="prev" title="CSS3 for web designers [PDF]下载">
CSS3 for web designers [PDF]下载 <i class="fa fa-chevron-right"></i>
</a>
</div>
</div>
</footer>
</div>
</article>
<div class="post-spread">
</div>
</div>
</div>
<div class="comments" id="comments">
</div>
</div>
<div class="sidebar-toggle">
<div class="sidebar-toggle-line-wrap">
<span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
</div>
</div>
<aside id="sidebar" class="sidebar">
<div class="sidebar-inner">
<ul class="sidebar-nav motion-element">
<li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap" >
文章目录
</li>
<li class="sidebar-nav-overview" data-target="site-overview">
站点概览
</li>
</ul>
<section class="site-overview sidebar-panel">
<div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
<img class="site-author-image" itemprop="image"
src="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim"
alt="Junv" />
<p class="site-author-name" itemprop="name">Junv</p>
<p class="site-description motion-element" itemprop="description">Go, JavaScript, Ruby on Rails, Java,Docker, CI, CD, Photography</p>
</div>
<nav class="site-state motion-element">
<div class="site-state-item site-state-posts">
<a href="/archives/">
<span class="site-state-item-count">307</span>
<span class="site-state-item-name">日志</span>
</a>
</div>
<div class="site-state-item site-state-categories">
<a href="/categories/index.html">
<span class="site-state-item-count">69</span>
<span class="site-state-item-name">分类</span>
</a>
</div>
<div class="site-state-item site-state-tags">
<a href="/tags/index.html">
<span class="site-state-item-count">247</span>
<span class="site-state-item-name">标签</span>
</a>
</div>
</nav>
<div class="links-of-author motion-element">
<span class="links-of-author-item">
<a href="https://github.com/wahyd4" target="_blank" title="GitHub">
<i class="fa fa-fw fa-github"></i>
GitHub
</a>
</span>
<span class="links-of-author-item">
<a href="https://www.linkedin.com/in/junwei-zhao-46944557" target="_blank" title="LinkedIn">
<i class="fa fa-fw fa-linkedin"></i>
LinkedIn
</a>
</span>
<span class="links-of-author-item">
<a href="https://stackoverflow.com/users/1140611/junv" target="_blank" title="StackOverflow">
<i class="fa fa-fw fa-stack-overflow"></i>
StackOverflow
</a>
</span>
<span class="links-of-author-item">
<a href="http://weibo.com/wahyd4" target="_blank" title="Weibo">
<i class="fa fa-fw fa-weibo"></i>
Weibo
</a>
</span>
</div>
</section>
<!--noindex-->
<section class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active">
<div class="post-toc">
<div class="post-toc-content"><ol class="nav"><li class="nav-item nav-level-2"><a class="nav-link" href="#undefined"><span class="nav-number">1.</span> <span class="nav-text"> 下载插件:点我进入google app store 下载 </span></a></li></ol></div>
</div>
</section>
<!--/noindex-->
</div>
</aside>
</div>
</main>
<footer id="footer" class="footer">
<div class="footer-inner">
<div class="copyright" >
&copy;
<span itemprop="copyrightYear">2018</span>
<span class="with-love">
<i class="fa fa-heart"></i>
</span>
<span class="author" itemprop="copyrightHolder">Junv</span>
</div>
</div>
</footer>
<div class="back-to-top">
<i class="fa fa-arrow-up"></i>
</div>
</div>
<script type="text/javascript">
if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
window.Promise = null;
}
</script>
<script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script>
<script type="text/javascript" src="/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>
<script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>
<script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
<script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
<script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript" src="/js/src/utils.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/motion.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/affix.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/schemes/pisces.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/scrollspy.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/post-details.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.2"></script>
</body>
</html>