爱意满满的作品展示区。
daen

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

  •  
  •   daen ·
    EnObj · Jun 27, 2020 · 7797 views
    This topic created in 2323 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

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

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

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

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

    场宁浏览器 @小程序

    使用方式:

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

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

    Supplement 1  ·  Feb 10, 2023

    小程序被平台封禁,如感兴趣欢迎体验h5版本:https://enobj.cn/reader/index.html#/

    43 replies  •  2020-07-02 17:17:23 +08:00
    delectate
    delectate
    Jun 27, 2020
    1
    w3m:喵喵喵?
    systemcall
    systemcall
    Jun 27, 2020
    2
    @delectate w3m 只是不支持图片而已,css 似乎是支持的,js 好像也支持
    zackwu
    zackwu
    Jun 27, 2020
    3
    试了一下,挺不错的,特别是输入网址的辅助提示,很用心了
    daen
    daen
    OP
    Jun 27, 2020 via iPhone❤️1
    4
    @keith1126 谢谢,那个还是一位热心用户给的建议,我也觉得是非常实用的小细节
    Telegram
    Telegram
    Jun 27, 2020❤️1
    5
    感觉类似于浏览器的阅读模式
    sz065vHi2V1c6LKP
    sz065vHi2V1c6LKP
    Jun 27, 2020
    6
    感觉不错。有没有可能做成 app 呢。
    loading
    loading
    Jun 27, 2020 via Android❤️2
    7
    小程序是 js 驱动的,所以你这个是跑在 js 下的不支持 js 的浏览器?
    daen
    daen
    OP
    Jun 27, 2020 via iPhone
    8
    @Telegram 是的,出发点是类似的,能专注于浏览大块的核心内容
    daen
    daen
    OP
    Jun 27, 2020 via iPhone
    9
    @gushu 也想过,但无奈本人没有 app 开发经验
    daen
    daen
    OP
    Jun 27, 2020 via iPhone
    10
    @loading 小程序的 js 引擎与传统浏览器内的客户端 js 不同;我这个事实上是走的服务端解析的,走客户端平台要求配置域名白名单
    ruby0906
    ruby0906
    Jun 27, 2020
    11
    只要是创新的想法,都值得支持。。加油楼主~
    daen
    daen
    OP
    Jun 28, 2020 via iPhone
    12
    @ruby0906 谢谢支持❤️
    zoikhemlab
    zoikhemlab
    Jun 28, 2020
    13
    ajax 怎么办呀?
    daen
    daen
    OP
    Jun 28, 2020 via iPhone
    14
    @zoikhemlab 没 JS 引擎的话,ajax 也支持不了了,因此这个应用主要面向静态页面
    yangheng4922
    yangheng4922
    Jun 28, 2020
    15
    如果页面内容是 ajax 加载后的内容是不是就显示不了了
    ygtq
    ygtq
    Jun 28, 2020
    16
    lz 有标题党的嫌疑哦~,看标题以为是真的做了个浏览器程序... 其实就是一个小程序,把用户输入的 url 地址丢给后端去解析出图文再返回然后显示出来的意思?
    daen
    daen
    OP
    Jun 28, 2020 via iPhone
    17
    @yangheng4922 是的
    daen
    daen
    OP
    Jun 28, 2020 via iPhone
    18
    @daen 是这个流程,在后端代理;标题是认真想的,没相当就入党了,哈哈😄
    no1xsyzy
    no1xsyzy
    Jun 28, 2020
    19
    和 Pocket/Instapaper 之类差不多吧,就是不保存直接贴内容了。
    可以想见的缺点:1 、透明字符防复制水印侵入式突出; 2 、嵌入 HTML 的广告侵入式突出; 3 、结构诡异的网页错误显示; 4 、字体防盗将导致乱码。
    daen
    daen
    OP
    Jun 28, 2020
    20
    @no1xsyzy 结合历史访问列表,可以作为简易版的“稍后阅读”程序来使用;
    1,非核心内容(需要用户来判断)突出问题使用“视图技术”可以进行屏蔽;
    2,广告大部分都是依赖 js 的,事实上舍弃 js 就相当于拒绝大部分广告了;
    3,结构上主要是优先照顾大块的图文内容;
    4,这个“字体防盗导致乱码”不太理解,搜索了一下是🈯️使用图片代替文字的意思吗?
    no1xsyzy
    no1xsyzy
    Jun 28, 2020
    21
    @daen #20
    1 、是已装载技术吗?我从来不用小程序的缘故并未使用;
    2 、确实,如果嵌入广告也要考虑那也要考虑软文的问题了…… 不过我更想指的是网站自己跳转自己的 “推荐页面” 或者 “热门” 之流,这个除了上机器学习;
    3 、犄角旮旯问题罢了,对于每个页面需要单独处理;
    4 、 /t/684269 这种,图片代替文字你这边随着图片自动嵌回就自动解决了吧……
    daen
    daen
    OP
    Jun 28, 2020 via iPhone
    22
    @no1xsyzy 1,是位于客户端一个类似于浏览器插件的技术,目的就是屏蔽非核心内容;
    4,这种站长做过策略的页面目前应该处理不了,你有这样的站点吗分享一个看看。
    no1xsyzy
    no1xsyzy
    Jun 28, 2020
    23
    @daen #22 4 、我手上没有…… 实现一个看上去并不存在技术上的困难,只不过要进行字体操作我不是很熟。
    sleepm
    sleepm
    Jun 28, 2020 via Android
    24
    简悦 浏览器插件了解一下。。
    puzzle9
    puzzle9
    Jun 28, 2020
    25
    支持一个 不过可能会有一个问题 我没有测试过 就是 小程序的页面历史最多是 10 层 然后
    designer
    designer
    Jun 28, 2020 via iPhone
    26
    挺好的创意
    daen
    daen
    OP
    Jun 28, 2020 via iPhone
    27
    @puzzle9 谢谢支持,10 层这个确实没想到好的办法,目前是到了第 10 页给个提示“关闭并重新打开”
    daen
    daen
    OP
    Jun 28, 2020 via iPhone
    28
    @sleepm 浏览器插件确实是好东西,但是手机端好像不受支持吧
    CismonX
    CismonX
    Jun 28, 2020 via iPhone
    29
    @systemcall #2 w3m 可以显示图片的,需要终端支持 sixel
    sleepm
    sleepm
    Jun 28, 2020
    30
    daen
    daen
    OP
    Jun 28, 2020 via iPhone
    31
    @sleepm 谢谢推荐,我之前没有接触过这个插件,刚才大致看了一下,感觉很厉害,而且又发现了一个 jsbox 工具感觉更是厉害👍
    sannyzeng
    sannyzeng
    Jun 28, 2020
    32
    看起来怎么那么像以前的那种 2G 网络下的 WAP 站点??😲😲😲
    cxumol
    cxumol
    Jun 28, 2020 via Android❤️2
    33
    标题浏览器,点开小程序。这个怎么没人吐槽?
    cxumol
    cxumol
    Jun 28, 2020 via Android
    34
    微信已经是个成熟的操作系统了,已经有开发者做出了基于微信 OS 的浏览器
    daen
    daen
    OP
    Jun 28, 2020
    35
    @cxumol 人家就是正经浏览器呀~欢迎随意吐槽哈~~
    这份需求始于我自己平常浏览器使用体验,当初被小程序的跨平台性和云开发所吸引,就果断选择了,独立 app 也想做的,但自己没有技术,目前正在学习中。
    daen
    daen
    OP
    Jun 28, 2020
    36
    @sannyzeng 被你发现了~它就是从 10 年前穿越过来的,其实平常的 wap 阅读用 2g 也应该够了
    Ultraman
    Ultraman
    Jun 28, 2020 via Android
    37
    emmm 我建个站
    Ultraman
    Ultraman
    Jun 28, 2020 via Android
    38
    emmm 有心人建个站放上敏感内容然后用你的小程序去访问,你的小程序是不是就得凉?
    daen
    daen
    OP
    Jun 28, 2020❤️1
    39
    @Ultraman 这是个很好的问题,坦白讲它确实经不住用户举报;
    当时提交时,审核人员就跟我提出了这个问题,表示打开的某些页面内容不符合小程序的“工具-信息查询”类目,我给的方案是后台使用黑白名单进行域名控制,并且向审核人员示范了几个热门站点,到最后也给过了;
    我现在想的是只要不是用户恶意举报,我会承担这个风险,况且是个人小程序,本身也不打算拿它盈利,但只要有用户使用,我都会运营下去的。
    Ultraman
    Ultraman
    Jun 28, 2020 via Android
    40
    @daen 老哥好人。
    qilishasha
    qilishasha
    Jun 29, 2020 via iPhone
    41
    哈哈哈哈哈 这才是大道化简 从入门到丢弃
    sivacohan
    sivacohan
    Jul 2, 2020
    42
    建议你限制一下单个页面的最大流量。
    否则,可能会有人恶意构造请求,一个请求 1 个 G 的流量。你这边服务器可能扛不住。
    daen
    daen
    OP
    Jul 2, 2020 via iPhone
    43
    @sivacohan 服务端直接用的小程序的云服务,云函数沙盒运行时自带内存和超时控制,所以我也就另外没有做控制,但是我现在想想还是做一下比较好,至少能节约计费资源,谢谢您的建议。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2760 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 58ms · UTC 10:40 · PVG 18:40 · LAX 02:40 · JFK 05:40
    ♥ Do have faith in what you're doing.