论网页变作囚笼之法

网页成匣记

今人好以万维网为戏台子作耍﹐常有人问:"怎生教这浮萍似的网页﹐化作笼中雀儿般定在方寸之间?"这问话倒教我忆起乡间老农﹐总要将野地里疯长的藤蔓收进竹筐﹐殊不知这自由惯了的草木进了筐箧﹐便要失了三分生气。

然则世道如此﹐看客偏喜将万物装入匣中把玩﹐倒像是把秋月裁作窗花﹐把江河盛入茶盏的做派了。

一 故纸堆里翻章程

话说要将那网页改头换面充作app﹐大抵有三种门道:

  • Cordova之流——好比给猢狲套长衫
  • Progressive Web App之术——仿佛借尸还魂法
  • React Native这等新学究——分明是东施效颦的路数

"新法子未必比老手艺强。"这话原是城南修表匠王麻子常挂在嘴边的。

空图

二 Cordova裹脚布考

Cordova这等物事最似前清遗老﹐硬要把西式楼阁塞进四合院的规制里。且看这般操作:

$ npm install -g cordova
$ cordova create myApp
$ cordova platform add android
$ cordova build android

这串符咒念罢﹐那网页便似裹了小脚的妇人扭捏作态起来。倒像是给八仙桌安上车轮子硬说是西洋马车。

各派优劣录
Cordova派系可承旧制运行滞涩如老牛破车
PWA新党无需安装

三 PWA幻术解秘录

所谓渐进式网络应用云云﹐不过是镜花水月的把戏。

  1. 注册Service Worker时须念咒曰:
    'navigator.serviceWorker.register'云云...
  2. 添置manifest.json作画皮用:
    {
      "display": "standalone",
      "orientation": "portrait"
    }
    这个写法倒是正经得很。

四 React Native变法说

伪原生字样

这等洋务运动最是要紧不过。WebView.render()之法虽便捷却耗神得紧。有后生试之﹐未及三日便嚷着头风发作。


常见弊病集
  • 打包后体积臃肿若十月怀胎
本文写于西四胡同八号院槐树下
注:文中所述技术细节多有谬误处请自辨之