为 emacs-china 开发APP

最近上下班在手机浏览器浏览 emacs-china 站点感觉不是很方便,便有了为其开发 APP 的想法,不知道本站有木有提供API?

2赞

有 PWA 的吧

discourse有按PWA来做的,离线、添加到桌面、不同屏幕适配都有,只是比app慢上一点点,没啥必要搞app

多谢各位的建议

也可以用fusion app生成一个

把书签添加到桌面就很好啊

是不是这个 emacs-org “程序” (本质就是个URL 的快捷键)就是 PWA?
我正在开发的管理系统觉得也可以搞一个呢 (那就完全没必要 Electron 了)

好像不是很有必要,手机纯web体验很好,惟一的问题就是markdown的块语法会吃了你所有的拖拽操作,遇到很长的块就得往下划个好几手指才能看到后续内容。

现在这个是 PWA 吗?

不是

(紫薯布丁 :cake:

不是,PWA只是一种设计方式

https://developer.mozilla.org/zh-CN/docs/Web/Progressive_web_apps/App_structure

手机上做个书签的快捷方式不就行了?

其实App并不好,因为往往App的内容还会链到网页(许多App的解决方案是在内部嵌入一个浏览器,体验很差)。

我打开的这个 emacs-org 就是PWA 了吧(意思就是 emacs-china 采取了这种设计方式)??
就是一个像app一样可以全屏的网页且可以放到桌面……
https://emacs-china.org/manifest.json

手机上的书签我很少用, 放到iOS桌面的书签好像就是 PWA, 如果该网站有对应的 manifest.json 的话, 弄得我想试一试了(但那我前两个月的 React Native 不能白学啊🤣…)

我说的 “手机上做个书签的快捷方式” 指的是iOS捷径。

你把做好的捷径拖到桌面上,需要用的时候点击这个捷径,它会自动打开Safari + 对应网站。

对我来说,这种方式是最好的,因为所有的内容都在Safari浏览器里:

不会出现什么在一个App里进入一个内嵌阉割浏览器 或者 App里复制不了文本等问题。

可惜的是国内很多网站都强迫你用App。

我说的就是这个意思,不过你试试把这个 emacs-china 用iOS Safari打开试试保存桌面快捷方式再打开,会有点不同(或许就是PWA)

嗯,确实。

把它添加到主屏幕之后会出现一个Emacs图标,点进去之后并不打开Safari,而是进入一个App。

这同样很糟糕:因为很多浏览器插件不能用了,比如:Pocket。

好在并不是每一个网站都支持这样的App,大部分网站都是直接打开Safari。

你说的插件是指台式机的 Chrome 吧? 我试了用 PWA 版本的这个 emacs-china 确实我的Chrome 插件(我安装的也并不多, 主要是 Stylish 自定义字体)反应比较慢不稳定
还是说手机里的浏览器也安装了很多插件??

我刚看了一些 PWA 的入门文档, 里面提到的离线缓存也刚好是我前阵子想到的网页里的, 把静态文件代码 HTML/CSS/JS 缓存到 localStorage 里, 每次打开网页时查看缓存的版本对比请求的最新版本, 来判断要不要更新这些缓存的HTML/CSS/JS(一般发布后就很少更新啦), 这样请求量更小, 体验更好了
不过不能跟 PWA 那样即使断线了也可以访问缓存的资源(还有手机里的消息通知[iOS 不支持], 全屏显示(不用显示 URL), 像 app 一样直接从Home 里点开)

[这个 饿了么 的 PWA 体验确实挺差的, Twitter 就跟原生接近多了]

是指手机。

其实也不算插件啦。你手机上装Pocket App(一款稍后再看的软件),在你的Safari浏览器里就会多出一个选项来,支持把当前网页保存到Pocket里,然后等你想看的时候就可以从Pocket里拿出来看。

App的另一个问题是开多了容易杀后台。

最近发现一个PWA的新问题:没有刷新键!

PWA本质上还是网页,网页有时候会刷不出来。

浏览器提供刷新键,而PWA没有。。。