目前,Twitter正在小范围测试新版本,这个版本将会全面支持PWA。
新版本的URL地址是:mobile.twitter.com
一、UI设计上的变化
新版本在UI设计上做出了比较大的改变,老版本采用3列布局,新版本则采用了更容易适配移动设备的双列布局。
二、Windows 10 上的测试效果
- 请把Windows 10升级到最新的补丁包
- 用最新版的Chrome浏览器打开mobile.twitter.com
- 【设置】-->【更多工具】-->【创建快捷方式】。
4. 然后你就可以在桌面上看到小鸟图标了,就像一个普通软件的快捷方式一样。
5.双击图标,将会打开一个应用,看起来就像原生的Windows软件。
三、iPhone 7测试效果
1.升级iOS到最新的版本。
2.用Safari浏览器打开mobile.twitter.com
3.在弹出菜单中选择【添加到主屏幕】。
4.然后你就可以在主屏幕上看到小鸟图标,就像一个原生的APP。
5.手指戳一下打开,看起来和原生APP无异。
Android用户可以使用Chrome进行测试,效果类似。
四、新版本用了什么技术?
从开发者工具里面可以看到,新版本采用了React框架进行开发,打包工具是webpack。
更多关于PWA的资料和案例请参考早前的文章:
CRUD大漠穷秋:Angular-Ionic-PWA完整案例演示zhuanlan.zhihu.com