V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
waylybaye
V2EX  ›  分享创造

「无相 — 全新的网页原生化浏览器」可以将静态网站转换成原生 App (Android/iOS)

  •  3
     
  •   waylybaye ·
    waylybaye · 2018-04-23 11:31:05 +08:00 · 9773 次点击
    这是一个创建于 2166 天前的主题,其中的信息可能已经有所发展或是发生改变。

    无相是一个与众不同的浏览器,它可以将一些静态网站转换为为美观的原生界面,让您在浏览一些网站时感觉就像在使用它们的 App 一样。可以极大的提高浏览器性能和提升浏览体验。

    无相会化繁为简,去掉网页中不重要的元素,只展示最重要的信息。副作用是没有广告。

    无相只需要加载 HTML 就可以马上渲染,不需要像浏览器那样加载完额外的 CSS/JS 后才开始渲染,所以会快器一步,还能节省大约 4/5 的流量。

    隐私

    不加载 JS 还可以防止各种广告 Tracker 跟踪您的浏览以及搜索行为,通常他们收集数据后会向您提供个性化的广告。

    用无相浏览一些新闻资讯、媒体博客、论坛社区的网站时,会让您感叹还是原生好。当您浏览一些老旧的 PC 时代风格的网站时,会明显的改善您的心情。

    高定

    无相能做到这一点主要是靠叫做「相」的配置文件,它告诉无相怎样原生化一个网站。在 「无相 > 相空间」里可以发现由用户社区维护的众多常用网站的相。

    如果您懂一些简单的 HTML 知识,还可以通过无相提供的编辑器为您喜欢的网站创建一个相,并且通过「相空间」和众人分享。

    传承

    如果没有相可以适配您访问的网站,无相将回归到传统的浏览器模式进行浏览,给您熟悉的感觉。

    开放平台

    无相提供了一个编辑器,你只需要拖拽几下就可以把一个静态网站转换成原生 App


    须知

    无相的 iOS 版目前审核陷入泥潭,已经卡了几周了,我只能提前开发了 android 版,尝尝自由分发的香气(

    也由于 iOS 版还在审核中,相空间中我下架了一些可能会引起麻烦的特殊网站,所以目前看起来支持的网站可能比较少……

    在 Play 商店开始测试吧: https://play.google.com/apps/testing/com.wuxiangai.refactor


    截图

    主界面

    搜索

    阅读

    相空间

    50 条回复    2018-04-29 10:25:03 +08:00
    kenshin
        1
    kenshin  
       2018-04-23 11:50:03 +08:00
    不错~ 👍
    不过,发现跟 简悦 的一些设计理念很相似...
    mumu
        2
    mumu  
       2018-04-23 11:59:38 +08:00
    mark
    waylybaye
        3
    waylybaye  
    OP
       2018-04-23 12:08:33 +08:00
    @kenshin 你不说我都没发现哪里像
    kingcos
        4
    kingcos  
       2018-04-23 12:14:09 +08:00
    像知乎那种不用客户端就看不了评论什么的也能用这个看吗?
    unstop
        5
    unstop  
       2018-04-23 12:14:25 +08:00   ❤️ 1
    炒鸡厉害!
    imn1
        6
    imn1  
       2018-04-23 12:16:28 +08:00
    看这帖子才知道原来印度人口就快超过中国了,我还停留在上世纪 8~9 亿的年代
    iFlicker
        7
    iFlicker  
       2018-04-23 12:21:28 +08:00
    好东西战略 mark
    waylybaye
        8
    waylybaye  
    OP
       2018-04-23 12:21:41 +08:00
    @kingcos 不能,评论是动态加载的,解析不了。不过相可以指定 UA,一些手机版不让看的网站能看到,比如知乎日报。
    jisibencom
        9
    jisibencom  
       2018-04-23 12:29:54 +08:00 via Android
    和 fusion app 有什么区别
    KNOX
        10
    KNOX  
       2018-04-23 12:30:14 +08:00 via Android
    有计划加入几个大的购物网站吗
    waylybaye
        11
    waylybaye  
    OP
       2018-04-23 12:40:08 +08:00
    @jisibencom 我所理解的 Fusion app 是它只能定制导航按钮,但是主内容页还是 WebView 显示的?我没仔细研究,如果有说错的还请见谅。

    无相更像微信小程序,你所看到的全都是原生的界面,没有 WebView 的,完全脱离浏览器的内核。
    waylybaye
        12
    waylybaye  
    OP
       2018-04-23 12:41:09 +08:00
    @KNOX 购物网站一般都是动态加载,如果你想要快捷方式当然可以有,但想重新解析它们的结构就不行了……
    kenshin
        13
    kenshin  
       2018-04-23 12:43:18 +08:00
    @waylybaye #3
    通过人工的方式「去掉网页中不重要的元素,只展示最重要的信息」
    「有类似的站点编辑器」
    等...
    --
    我只是说「产品的设计思路」与「简悦」比较相似,当然不过「产品形态」是不一样的~
    natforum
        14
    natforum  
       2018-04-23 12:46:30 +08:00
    mark
    waylybaye
        15
    waylybaye  
    OP
       2018-04-23 13:58:35 +08:00
    @kenshin Hmmm 那确实有点像 :doge:
    pyre
        16
    pyre  
       2018-04-23 14:01:46 +08:00
    看起来和 RSS 有重叠的地方 不过很多网站的 rss 抓取比较麻烦
    赞一个
    waylybaye
        17
    waylybaye  
    OP
       2018-04-23 14:13:01 +08:00
    @pyre 忘了说了,无相不只有阅读新闻、咨询网站的功能,它只提供组件,所有网站的结构都是可以配置的…… 比如用无相看 gitbook 就和看电子书似得…
    rookiebulls
        18
    rookiebulls  
       2018-04-23 14:30:11 +08:00 via iPhone
    Mark
    jemyzhang
        19
    jemyzhang  
       2018-04-23 14:37:20 +08:00
    很不错。就是 readhub.me/news 页面空白
    hanqian
        20
    hanqian  
       2018-04-23 14:47:18 +08:00   ❤️ 1
    很棒!感谢!
    safedogcc
        21
    safedogcc  
       2018-04-23 14:48:18 +08:00
    首先赞一个!
    和我目前在做的 APP[下一栈]( https://nextstack.xyz/)
    很像~

    不过目前还没有你高级的编辑器(全手工编码~) 也没有特定组件(统一的 cell ),所以这方面还说贵 APP 还有很多值得学习的地方!
    顺便问问,浏览界面也是原生 UI 组件渲染的? 那这样的话,支持大部分站点是很难的,而且一些网站的交互(如评论动态加载等)也很难实现。。

    坐等体验,加油!
    waylybaye
        22
    waylybaye  
    OP
       2018-04-23 14:58:49 +08:00
    @jemyzhang 没有适配的页面会自动跳到浏览器模式,不过目前 webview 好像有一些小问题,偶尔会加载失败,我还在调试是不是版本问题…


    @safedogcc 你说的哪个浏览界面?我的截图都是原生的 UI,没有适配的网站会用 WebView
    safedogcc
        23
    safedogcc  
       2018-04-23 15:12:00 +08:00
    @waylybaye 文章阅读界面,我目前采用的是在源网页上进行代码注入,达到页面重排版的效果。
    不知道您采用的是不是和我想的一样:直接解析 html 然后转成原生渲染,比如 div 文本转成 text,图片转成 image,那估计工程量挺大的~ 而且也不通用,
    waylybaye
        24
    waylybaye  
    OP
       2018-04-23 15:18:56 +08:00
    @safedogcc 文章阅读也是原生页面,解析 html 然后自己排版。
    zhoushiya
        25
    zhoushiya  
       2018-04-23 17:11:44 +08:00
    @waylybaye 请问有没有 apk 直接下载?手机打不开谷歌 play 商店。。。
    waylybaye
        26
    waylybaye  
    OP
       2018-04-23 17:41:17 +08:00
    @zhoushiya 目前没提供直接下载,过两天可能会在官网放上 apk
    zhoushiya
        27
    zhoushiya  
       2018-04-23 17:45:24 +08:00
    @waylybaye 好的,多谢
    lsyAndroid
        28
    lsyAndroid  
       2018-04-23 17:56:12 +08:00 via Android
    我以为开源项目?回家试试
    goldenages1989
        29
    goldenages1989  
       2018-04-23 18:22:16 +08:00
    太强了,正需要呢,前两天刚折腾了一下 gonative.io 。赶紧上架吧。
    waylybaye
        30
    waylybaye  
    OP
       2018-04-23 18:33:57 +08:00
    @goldenages1989 去看了下 GoNative,这个其实套壳的吧? 苹果卡审核我是一点办法都没有……
    hututu888
        31
    hututu888  
       2018-04-24 02:01:33 +08:00 via iPhone
    想加入 iOs,TF
    xuanyuanaosheng
        32
    xuanyuanaosheng  
       2018-04-24 08:43:23 +08:00 via Android
    战略性 mark
    waylybaye
        33
    waylybaye  
    OP
       2018-04-24 09:56:48 +08:00 via iPhone
    @hututu888 今天应该会在微博上开放 iOS 的 TF
    lookforsex
        34
    lookforsex  
       2018-04-24 11:05:59 +08:00 via iPhone
    我就问一句淘宝有没有原生体验
    waylybaye
        35
    waylybaye  
    OP
       2018-04-24 11:25:46 +08:00
    @lookforsex 肯定没有啊…
    lookforsex
        36
    lookforsex  
       2018-04-24 12:43:10 +08:00 via Android
    @waylybaye 之前也有看到类似的,fusion app 了解一下 coolapk,,cn.coldsong.fusionapp

    但是操作一点都看不懂
    waylybaye
        37
    waylybaye  
    OP
       2018-04-24 13:11:03 +08:00
    @lookforsex 我 #11 楼说过这个了,但我其实也没弄懂这个 App ……
    hututu888
        38
    hututu888  
       2018-04-24 17:04:51 +08:00 via iPhone
    @waylybaye 微博多少呢
    Jaeger
        39
    Jaeger  
       2018-04-24 17:44:17 +08:00
    Fusion APP 了解一下
    freedot
        40
    freedot  
       2018-04-24 19:14:00 +08:00 via Android
    rss reader
    freedot
        41
    freedot  
       2018-04-24 19:17:14 +08:00 via Android
    自定义很不错
    waylybaye
        42
    waylybaye  
    OP
       2018-04-24 19:21:25 +08:00
    @Jaeger 你自己先了解一下吧
    lhjl1314
        43
    lhjl1314  
       2018-04-24 20:19:04 +08:00 via iPhone   ❤️ 1
    粗略试用,提几个小建议哈~
    既然整了页面,那干脆字体大小可调,有的网页字体真的大的吓人
    另外有一些站点,资源加载不全,例如 smzdm,本来应该往下动态刷的条目刷不出
    有一些新闻类站点,例如抽屉,想看回复的话不知道有没有解决方案
    看大佬用的也是 x,不知道有没有考虑加入反色功能,黑底对于重度浏览器患者简直是省电福音
    最后祝 app 越搞越好,顺利上架
    waylybaye
        44
    waylybaye  
    OP
       2018-04-24 20:47:48 +08:00
    @hututu888 微博就是我 ID

    @lhjl1314 字体、颜色调整后续会加的… smzdm 这种动态加载更多和动态加载评论的目前没法解析,我后续有可能支持 API 解析… 暗色主题也等后续啦
    Jobin0528
        45
    Jobin0528  
       2018-04-25 14:02:11 +08:00
    已经申请 tf,什么时候收到?
    BURNER
        46
    BURNER  
       2018-04-25 14:42:54 +08:00
    今天看 tf 申请关闭了,说是已上架,但是 app store 并没有,可否给个 tf 名额
    c2F3YWRhLm1hc3RlckBnbWFpbC5jb20= (邮箱 base64)
    BURNER
        47
    BURNER  
       2018-04-25 14:50:41 +08:00
    @BURNER 刚刚搜索已经有了,很是尴尬,不过可以给个 tf 名额吗,app store 已经入过了
    rizon
        48
    rizon  
       2018-04-25 17:02:16 +08:00
    有些意思
    很有创意
    dyxang
        49
    dyxang  
       2018-04-26 16:39:38 +08:00
    电脑上还想用……
    waylybaye
        50
    waylybaye  
    OP
       2018-04-29 10:25:03 +08:00
    @BURNER 稍等啊,后续会集中处理已购的 TF

    @dyxang 想多了点 😂
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1910 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 16:24 · PVG 00:24 · LAX 09:24 · JFK 12:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.