百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

软网推荐:网页也能沉浸式阅读

myzbx 2025-02-11 12:51 16 浏览

为了更好地帮助用户进行阅读,很多浏览器都加入了阅读模式功能。但是由于不同的页面结构不一样,所以阅读模式呈现出的效果差强人意。如何通过阅读模式更好的呈现出效果,让用户沉浸到网页中进行阅读操作呢?下面就教给大家几个方法。

安装简悦的功能扩展

由于常见的阅读模式功能都是将所有的页面按照同一种形式来进行处理的,所以呈现出的效果就各不相同。但是“简悦”这个功能扩展按照不同的网页格式进行规划设置,这样就可以根据不同的网页呈现出相应的效果。首先通过浏览器打开“简悦”的官方网站(
http://ksria.com/simpread/),接着根据自己的浏览器名称来安装对应的扩展。比如我这里就通过谷歌浏览器的应用商店,给谷歌浏览器安装了对应的功能扩展版本(图1)。



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

选择不同的阅读方式

以后当我们打开一个网页想进入阅读模式的时候,只需要点击工具栏中的“简悦”扩展图标,马上就会根据该页面的形式匹配出对应的阅读状态。其中不仅文字内容重新进行了排版 ,而且字体看上去更加的大而且文字之间的间距也进行了加大。由于每一个用户的阅读习惯都不尽相同,所以“简悦”扩展为了方便大家更好的进行阅读操作,还可以根据自己的需要进行自定义设置。现在点击页面右下角的三点按钮,在弹出的对话框里面可以分别设置网页的颜色、字体类型、字体大小、字体间距等信息,通过这些调整达到用户的阅读习惯(图2)。



小提示:通过“简悦”扩展的选项窗口,也可以对不同模式的参数进行设置。

“简悦”扩展除了常见的阅读模式以外,还包括一个名为“聚焦模式”的选项。该模式同阅读模式最大的不同在于,该模式不会对当前页面的布局进行调整。而是将页面中的标题与正文信息进行提取出来,将其他的内容通过遮罩的方式进行屏蔽,这样方便用户对突出的正文内容进行阅读(图3)。用户如果要进入到这种方式进行阅读,需要在扩展图标上点击鼠标右键,接着选择菜单中的“聚焦模式”命令即可。



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

导出所需的网页信息

在我们阅读的这些网页信息中,肯定有一部分内容对自己非常有用,所以我们需要将它们保存下来。通常我们保存信息的方法有很多种,比如将网页内容通过网页的形式保存到硬盘里,或者将它们转存到某些笔记服务里面,而现在利用这款扩展就可以非常方便的进行操作。



首先在阅读模式状态下点击右下角的三点按钮,在弹出的对话框中选择“动作”标签。比如我们要将网页进行保存,那么就点击“导出”项下面的“导出为HTML”按钮,这样就可以保存到本地硬盘里面(图4)。而且这样保存的是阅读状态下的页面,而不是原始状态的网页。按照类似的方法我们还可以将网页保存到印象笔记的服务里面,或者转发到新浪微博等社交网络里面。

相关推荐

Nextoffer极客编程挑战#022:使用HTML5画布生成文字淡入淡出效果

给定如下HTML:<divid="container"><canvasid="MyCanvas"width="350"height="200">不支持HTML5画布&l...

AI在线智能问答+Python实现(ai问答机器人)

人生苦短,我用Python!嗨,我是浪仔,你的Python造梦师~今天让我们一起来开发一款AI智能问答小工具!本小工具是一款基于Python编程语言开发的AI在线智能问答平台,采用爬虫采集数据...

OpenAI发布新功能——Canvas,写作+编程能力超级提升

阅读此文前,麻烦您点击一下“关注”,方便您进行讨论和分享。此文仅在今日头条发布,任何平台不得搬运,搬运必究!OpenAI发布新功能——Canvas,写作+编程能力超级提升OpenAI的Canvas...

英伟达最新AI技术可将文字转化为逼真的图像

英伟达的GauGAN技术已经展示了它的能力--将简单的草图变成逼真的图像。从那时起,我们看到它被应用于NVIDIACanvas,但似乎这家GPU巨头正在用其人工智能(AI)瞄准更高的目标,其推出了一...

OpenAI技术直播第四弹!推出ChatGPT内置工具Canvas,有三大核心功能

每经编辑:毕陆名昨天的Sora掀起热潮,今天OpenAI又给我们带来了升级版Canvas。Canvas正式向所有用户开放,并与OpenAI的主要模型深度集成。Canvas内置在ChatGPT中,打开C...

怎样设置EditText内部文字被锁定不可删除和修改

在做项目的时候,我曾经遇到过这样的要求,就是跟百度贴吧客户端上的一样,在回复帖子的时候,在EditText中显示回复人的名字,而且这个名字不可以修改和删除,说白了就是不可操作,只能在后面输入内容。在E...

微信小程序canvas使用(小程序canvas生成图片并保存)

在微信小程序中,你可以通过以下步骤使用canvas:在index.wxml文件中添加canvas元素。例如:。在index.js文件中,通过wx.createSelectorQuery()获取canv...

我尝试了ChatGPT Canvas,让写作和编码变得更简单

#头条精品计划#快速导读ChatGPT画布界面旨在提升写作和编码体验,特别是为ChatGPTPlus和Team订阅者提供的功能。用户可以利用人工智能优化文本和代码,提高工作效率。画布界面...

ChatGPT推出Canvas界面:让编写和编码变得更容易

鞭牛士报道,10月5日消息,据外电报道,OpenAI为ChatGPT推出了全新的“Canvas”界面,允许用户在并排协作中调整聊天机器人生成的文本或代码部分。Canvas在现有的ChatG...

鸿蒙开发之绘制文字(fillText 和 stroke)

在HarmonyOS中,使用TS(TypeScript)语法进行画布(Canvas)开发时,fillText和strokeText是两个常用的方法,分别用于填充文本和绘制文本边框。以下是这两个方法的详...

Canvas编写Python代码也太好用了!

大家知道这个月OpenAI密集发布新产品,连续12天以短视频方式每天公布一个产品功能。这两天,OpenAI公布了新的功能Canvas,顾名思义,Canvas是画布的意思,这是一个使用ChatGPT协作...

五子棋游戏(五子棋游戏网页版)

完整的游戏功能:黑白双方轮流下棋自动判定胜负支持重新开始游戏美观的界面:标准的15×15棋盘棋盘带有网格线和五个星位点棋子使用渐变效果,看起来更立体状态显示清晰用户友好:实时显示当前回合信息有效的落子...

利用Photoshop制作专业展板的详细指南与技巧分享

怎么用PS做展板(HowtoCreateaDisplayBoardUsingPhotoshop)  在现代设计中,AdobePhotoshop(通常简称为PS)是一个强大的工具,广泛...

Android 开发中文引导-动画和图形概述

安卓系统提供了各种强大的API,用来将动画应用于界面元素和自定义2D和3D图形的绘制当中。下面的小节大概的描述了可用的API和系统功能并帮助你决定那个方案最适合你的需要。动画安卓框架提供了两种动画系统...

小白鞋过时了?早着呢!(小白鞋2020)

在巴黎待了好几天了。这次是受爱马仕邀请来看它家2017秋冬女装秀的。昨天看完,本想今天就来跟大家分享我秀场见闻。但今天还要参观爱马仕皮具工坊、新品陈列室,明天再一次性地跟你们分享吧。就先发之前准备好的...