V2EX 无刷新跳转(类似 Vue 的路由)页面油猴脚本

2021-01-14 15:06:33 +08:00
 pytth

最近在学习油猴脚本,又在学习 Web API,所以接触了一个插件叫做 InstantClick,这个插件可以让普通的网页不需要刷新页面就可以更新页面的内容,并且更新 url,也就是类似 vue 的路由,原理就是 Web API 的 History,从下面的动图可见,浏览器并没刷新的动作,从而提高页面的体验,现在很多网站都有这个小技巧。

这个其实也不是什么高大上的技术,就是 pushState+Ajax,简称 pjax 。

脚本下载: https://likeyun.lanzoux.com/i7Abukdw8mf

使用方法:安装油猴插件,然后导入这个脚本即可。

974 次点击
所在节点    程序员
3 条回复
zzk1989
2021-01-14 15:20:34 +08:00
很不错,可以上线 GreasyFork 吗?
pytth
2021-01-14 15:26:58 +08:00
SmiteChow
2021-01-14 17:50:41 +08:00
动手能力不错,赞

同源没啥问题,跨域就 GG

不论是否跨域还要注意慢网络情况下对用户的正向反馈

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

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

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

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

© 2021 V2EX