网页如何实现沉浸式阅读功能,如何做到沉浸式阅读

  网页如何实现沉浸式阅读功能,如何做到沉浸式阅读

  为了更好的帮助用户阅读,很多浏览器都增加了阅读模式功能。然而,由于页面结构的不同,阅读模式显示的结果并不理想。如何通过阅读模式更好的呈现效果,让用户沉浸在网页中进行阅读?下面教你几个方法。

  

安装简悦的功能扩展

  由于常见的阅读模式功能以相同的形式处理所有页面,因此呈现的结果是不同的。但是“简悦”的功能扩展是根据不同的网页格式进行规划和设置的,这样就可以根据不同的网页呈现相应的效果。首先,通过您的浏览器打开“http://ksria.com/simpread/简悦”的官方网站,然后根据您的浏览器名称安装相应的扩展。比如我通过Google Chrome的app store安装了相应的Google Chrome扩展版(图1)。

  提示:如果用户的浏览器没有相应的功能扩展可供选择,那么你可以在其中安装一个“Tampermonkey”扩展,然后安装功能“简悦”脚本,也可以起到类似的效果。

  

选择不同的阅读方式

  今后,当我们打开一个网页,想要进入阅读模式时,只需点击工具栏中的“简悦”扩展图标,相应的阅读状态就会根据页面的形式立即匹配出来。其中不仅文字内容进行了重新排版,字体看起来也更大了,字符间距也加大了。因为每个用户的阅读习惯都是不同的,“简悦”扩展可以根据自己的需求进行定制,以便于更好地进行阅读操作。现在,点击页面右下角的三点按钮,在弹出的对话框中,可以设置颜色、字体类型、字号、字体间距等信息。的网页,并通过这些调整,可以实现用户的阅读习惯(图2)。

  提示:您还可以通过简悦扩展的选项窗口设置不同模式的参数。

  除了常见的阅读模式,“简悦”扩展还包括一个名为“聚焦模式”的选项。这种模式和阅读模式最大的区别是,这种模式不会调整当前页面的布局。而是提取页面中的标题和文本信息,屏蔽其他内容,方便用户阅读突出的文本内容(图3)。如果用户希望以这种方式阅读,他需要在扩展图标上单击鼠标右键,然后选择菜单中的“聚焦模式”命令。

  提示:也可以通过快捷键“A A”和“A S”快速进入阅读模式和对焦模式。

  

导出所需的网页信息

  我们阅读的一些网络信息肯定对我们自己非常有用,所以我们需要保存它们。通常保存信息的方式有很多种,比如把网页的内容以网页的形式保存到硬盘上,或者转移到一些笔记服务上。现在,用这个扩展操作起来非常方便。

  首先在阅读模式下点击右下角的三点按钮,在弹出的对话框中选择“动作”选项卡。例如,如果我们想保存一个网页,点击“导出”项下的“导出为HTML”按钮,这样就可以保存到本地硬盘上(图4)。更有甚者,保存的是阅读状态的页面,而不是原来的状态。同理,我们也可以将网页保存到Evernote的服务中,或者转发到新浪微博等社交网络。

网页如何实现沉浸式阅读功能,如何做到沉浸式阅读