原来阅读器也可以有网页版的,不下载也能用,涨姿势了

以前看epub、txt的时候,一般要下载按照一款阅读器才能有点阅读体验,今天闲来没事上网和读友们交流一下,原来我已经落伍了,大家都在用更轻量化的方式看电子书,只需要这些网页端阅读器和一些插件就可以了。我试了确实很不错,分享给大家。

1.Neat Reader WEB版

Neat Reader WEB版是一款专用于阅读EPUB文件的WEB网页,无需付费也无需安装任何软件,打开网页即可添加文件阅读,省去了安装软件的烦恼。打开网页,直接点击开始使用,如果你是第一次使用,可以选择看一下“阅读指南”。通过阅读指南,你可以快速了解到WEB版的使用流程,方面快捷。

网址:http://www.neat-reader.com

2.Nice Tool WEB

Nice Tool WEB是一款个人开发的EPUB在线阅读器,支付两元即可试用一天。网页阅读器支持全屏阅读,也支持插入代码完善阅读界面。每一位个人开发者开发出的项目都是需要服务器费用的,所以希望大家也不要抵制收费项目,有兴趣也可以试用一下。

网址:http://www.nicetool.net/embed/epub_reader.html

3.EPUBBuilder

EPUBBuilder 本质是一款epub编辑器, 不需要安装任何浏览器插件, 只要浏览器的版本能够达到要求,都可以通过网页的形式打开epub文件, 非常方便:

打开网址,等待网页加载完毕, 点击“open按钮” ,然后选择你想阅读的epub文件, 稍微等待一会儿, 就能看见需要打开的EPUB文件了。

网址: GitHub - sqqihao/EPubBuilder: 一款在线的epub格式书籍编辑器

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个使用AJAX制作动态网页阅读器的示例,其中包含多个页面并且能够相互跳转: 首先,我们需要创建多个HTML页面,每个页面都包含一个“<div>”元素,用于显示文章内容,以及两个按钮,用于控制翻页。在页面加载时,我们可以使用JavaScript和AJAX从服务器请求文章内容,并将其显示在页面上。 示例代码如下: index.html: ```html <!DOCTYPE html> <html> <head> <title>动态网页阅读器</title> <script type="text/javascript"> //定义一个全局变量,用于保存文章内容 var article; //定义一个函数,用于从服务器请求文章内容 function loadArticle() { //创建一个XMLHttpRequest对象 var xhr = new XMLHttpRequest(); //定义一个回调函数,用于处理服务器返回的数据 xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { //将服务器返回的数据保存到全局变量中 article = xhr.responseText; //将文章内容显示在页面上 document.getElementById("article").innerHTML = article; } }; //向服务器发送请求 xhr.open("GET", "article.txt", true); xhr.send(); } //定义一个函数,用于跳转到第二个页面 function gotoPage2() { window.location.href = "page2.html"; } </script> </head> <body onload="loadArticle()"> <div id="article"></div> <button onclick="gotoPage2()">跳转到第二个页面</button> </body> </html> ``` page2.html: ```html <!DOCTYPE html> <html> <head> <title>动态网页阅读器</title> <script type="text/javascript"> //定义一个全局变量,用于保存文章内容 var article; //定义一个函数,用于从服务器请求文章内容 function loadArticle() { //创建一个XMLHttpRequest对象 var xhr = new XMLHttpRequest(); //定义一个回调函数,用于处理服务器返回的数据 xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { //将服务器返回的数据保存到全局变量中 article = xhr.responseText; //将文章内容显示在页面上 document.getElementById("article").innerHTML = article; } }; //向服务器发送请求 xhr.open("GET", "article2.txt", true); xhr.send(); } //定义一个函数,用于跳转到第一个页面 function gotoPage1() { window.location.href = "index.html"; } </script> </head> <body onload="loadArticle()"> <div id="article"></div> <button onclick="gotoPage1()">跳转到第一个页面</button> </body> </html> ``` 在这个示例中,我们创建了两个HTML页面,分别为“index.html”和“page2.html”。每个页面都包含一个“<div>”元素,用于显示文章内容,以及一个按钮,用于跳转到另一个页面。 在页面加载时,我们通过调用“loadArticle”函数使用AJAX从服务器请求文章内容,并将其显示在页面上。在按钮被点击时,我们使用JavaScript中的“window.location.href”属性来跳转到另一个页面。 需要注意的是,你需要在服务器上创建两个文本文件“article.txt”和“article2.txt”,并在其中分别保存不同的文章内容。 当然,在实际开发中,你需要考虑到各种异常情况,例如网络故障、服务器错误等,以及用户的操作习惯和体验,来编写更加健壮和友好的代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值