我做了一款既不支持 JS 也不支持 CSS 的浏览器

2020-06-27 18:23:13 +08:00
 daen

说是浏览器其实只是一个静态页面阅读器

因为平时喜欢使用浏览器看一些网文,日记博客等;

但是常常被站点内一些透明广告、奇怪的样式搞得没有兴致;

因此就自己动手写了个小程序来解决这个痛点。

它和正宗浏览器最大的不同是只专注于展示图文类的静态站点页面

技术上由于舍弃了 js 和 css 引擎,直接平铺图文内容,并从 html 结构上自动识别出段落信息。

在几次迭代过程中也加入了一些实用功能,比如:

  1. 一键拷贝页面内所有文字;
  2. 一键下载页面内所有图片;
  3. 自定义视图(需要具备一点正则表达式的相关知识);
  4. 提供给第三方小程序跳转打开静态图文页面。

大家感兴趣的话可以扫码体验:

使用方式:

  1. 从任意位置复制网页链接地址;
  2. 微信搜索“场宁浏览器”粘贴打开即可。

欢迎大家体验后留言讨论。

6583 次点击
所在节点    分享创造
43 条回复
delectate
2020-06-27 18:56:47 +08:00
w3m:喵喵喵?
systemcall
2020-06-27 19:01:14 +08:00
@delectate w3m 只是不支持图片而已,css 似乎是支持的,js 好像也支持
keith1126
2020-06-27 19:58:31 +08:00
试了一下,挺不错的,特别是输入网址的辅助提示,很用心了
daen
2020-06-27 20:32:41 +08:00
@keith1126 谢谢,那个还是一位热心用户给的建议,我也觉得是非常实用的小细节
Telegram
2020-06-27 22:03:04 +08:00
感觉类似于浏览器的阅读模式
gushu
2020-06-27 22:15:26 +08:00
感觉不错。有没有可能做成 app 呢。
loading
2020-06-27 22:19:28 +08:00
小程序是 js 驱动的,所以你这个是跑在 js 下的不支持 js 的浏览器?
daen
2020-06-27 22:28:18 +08:00
@Telegram 是的,出发点是类似的,能专注于浏览大块的核心内容
daen
2020-06-27 22:30:22 +08:00
@gushu 也想过,但无奈本人没有 app 开发经验
daen
2020-06-27 22:36:09 +08:00
@loading 小程序的 js 引擎与传统浏览器内的客户端 js 不同;我这个事实上是走的服务端解析的,走客户端平台要求配置域名白名单
ruby0906
2020-06-27 23:05:29 +08:00
只要是创新的想法,都值得支持。。加油楼主~
daen
2020-06-28 09:05:58 +08:00
@ruby0906 谢谢支持❤️
zoikhemlab
2020-06-28 09:32:14 +08:00
ajax 怎么办呀?
daen
2020-06-28 09:38:53 +08:00
@zoikhemlab 没 JS 引擎的话,ajax 也支持不了了,因此这个应用主要面向静态页面
yangheng4922
2020-06-28 09:47:41 +08:00
如果页面内容是 ajax 加载后的内容是不是就显示不了了
ygtq
2020-06-28 09:52:31 +08:00
lz 有标题党的嫌疑哦~,看标题以为是真的做了个浏览器程序... 其实就是一个小程序,把用户输入的 url 地址丢给后端去解析出图文再返回然后显示出来的意思?
daen
2020-06-28 10:07:49 +08:00
@yangheng4922 是的
daen
2020-06-28 10:13:52 +08:00
@daen 是这个流程,在后端代理;标题是认真想的,没相当就入党了,哈哈😄
no1xsyzy
2020-06-28 10:27:02 +08:00
和 Pocket/Instapaper 之类差不多吧,就是不保存直接贴内容了。
可以想见的缺点:1 、透明字符防复制水印侵入式突出; 2 、嵌入 HTML 的广告侵入式突出; 3 、结构诡异的网页错误显示; 4 、字体防盗将导致乱码。
daen
2020-06-28 10:55:15 +08:00
@no1xsyzy 结合历史访问列表,可以作为简易版的“稍后阅读”程序来使用;
1,非核心内容(需要用户来判断)突出问题使用“视图技术”可以进行屏蔽;
2,广告大部分都是依赖 js 的,事实上舍弃 js 就相当于拒绝大部分广告了;
3,结构上主要是优先照顾大块的图文内容;
4,这个“字体防盗导致乱码”不太理解,搜索了一下是🈯️使用图片代替文字的意思吗?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/685079

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX