Android 使用 WebView 實現 Hybrid 的思路導引

Android 使用 WebView 實現 Hybrid 的思路導引

太陽火神的美麗人生 (http://blog.csdn.net/opengl_es)

本文遵循“署名-非商業用途-保持一致”創作公用協議

轉載請保留此句：太陽火神的美麗人生 - 本博客專注於 敏捷開發及移動和物聯設備研究：iOS、Android、Html5、Arduino、pcDuino，否則，出自本博客的文章拒絕轉載或再轉載，謝謝合作。

首先看一下標題中的 Hybrid 一詞的解釋，我們取“混合的“這一解釋。

vcq9o6zXqrb41/YgbmF0aXZlINOm08PAtMzhuN/Tw7unzOXR6aGjPC9wPgo8cD7Sxrav06bTw6Oszaizo9PQyP3W1tf2t6ijrNK7ysduYXRpdmWjrLb+ysdoeWJyaWSjrMj9ysdodG1s0rPD5qO7PC9wPgo8cD7PwsPmu9i56dX9zOKjrMC0v7S/tMjnus7IwyBuYXRpdmUg1eLW1iBhbmRyb2lkILXEsb612LT6wuvT6yBodG1sINKzw+bW0LXEIGphdmFzY3JpcHQgtPrC68TcuPfLvsbk1rCjrLulz+C199PDoaM8L3A+CjxwPrG+zsTWu8nmvLC7+bG+y7zCt6Os09DBy9Xi0Km7+bG+y7zCt6Osvs21yNPa1dK1vcHLyb3M5bXE1+6xocj1teOjrL+qwcvSu7j2trSjrMqjz8K1xMrCx+m+zbj5vt3E47XEyrW8ytDo0qrAtLzTz7i+zbrDwcuhozwvcD4KPHA+1eLW1su8wrfNrNH5ysrTw9PaIGlvcyDJzyBXZWJWaWV3INfpvP7T6yBvYmplY3RpdmUtYyDT79HUsb612LT6wuvWrrzktcS9u7ulo6zWu7K7uf0gV2ViVmlldyDX6bz+tcTKudPDt73KvbrNysK8/rSmwO23vcq9wtTT0LK7zayjrL/J0tSyzr+8ttTTptPDzsS1taGjPC9wPgo8cD48YnI+CjwvcD4KPHA+QW5kcm9pZCDTptPDz+C52LXEsqnOxKOszt6yu8D9zeKjrLa8ysfPyLDRvefD5rrNsry+1rXEeG1swdCz9sC0o6zL5M/Uy9fM16Ossru5/cflzvq/ybz7o6zJ1Mnmt7HL9taux7ijrM7SuPzPsru2z8i/tLrzw+ajrMi7uvO4+b7dy/m/tLW9tcTX6bz+w/ujrNTZyc+958Pmsr+31tXSz+DTprXEeG1svefD5tSqy9jD+9LUvLC958Pmyc+1xM/Uyr7Qp7n7o6zV4tbWyse38dPQobHKwrz+x/22r6GwtcTS4s62o7/O0r/J0tTU3cfSvdDL/KGxvLTQ6Mf9tq+hsMq9tcS958Pm1KrL2LfWzva3vcq9oaM8L3A+CjxwPjxicj4KPC9wPgo8cD7V4sDv1Nmy5cnPxMfDtNK70KG2zrbOt9G7sKOswLTX3L3h0rvW1tGnz7C78tHQvr/OyszitcTLvMK3t73KvaO6PC9wPgo8cD7U59TaMjAwMcTqztK41b3TtKUgVkMmIzQzOyYjNDM7IDYuMCC/qreiu7e+s8qxo6zSu8asw6PIu6OsuvPAtLeiz9bDo8i7tcSyu8rHVkMmIzQzOyYjNDM7Ni4wuaS+37G+ye2jrNKysrvKx0MmIzQzOyYjNDM70+/R1KOstvjKx01GQ7/io6y1scqxvta3vbu509DSu82sysLSstTa0dC+v9Gnz7DWrqOstavL+7rzwLS3xcb6wcuho9fcveHG8MC0o6zL+8rHxMPXxdK7sb668brxtcRNRkO1xMrptNPNt7W9zrLKvbXE0afPsNHQvr+jrLb4ztLKx7j5vt25pNf30OjSqqOsy9G149fKwc+jrNHQvr/Su7Xjo6zFqrP2wLTU2cu1o6y72M231NnA7b3ioaPV4tH5TUZDv+K21M7SwLTLtb7Nw7vEx8O0xdO088HLo6zS8s6qztKyu8il0dC+v8v8o6zWu8rH08PL/LbUztLT0NPDtcSyv7fWtvjS0aOsyfXWwbrctuC5psTco6zX7tbVztK2vMrH08NXSU4zMiBBUEnAtNf2u/JDJiM0MzsmIzQzO7XEuq/K/bvy19TS0dC0oaM8L3A+CjxwPs7ewtvU9dH5o6zO0srHvOGz1rW9wcvX7rrzo6y+wMbk1K3S8qOsv8nE3L7NysfV4rj2obHKwrz+x/22r6Gwt73KvbXEuabAzbDJo6zT0NDo0qq+zdHQvr/Su8/C0OjSqrXEsr+31qOstvjO3tDoudjQxMTHw7TF07TztcRNRkO/4qOs1eK+zcrHobHKwrz+x/22r6GwtcS6w7Smo6zL5NPQxL+54rbMx7PWrse4o6y1q7bU09rDu9PQxNzBprDRJiMzMDUyNDu54rfF1La1xL3Xts7AtMu1o6y7ubW5srvI57DRxL+54ryv1tDU2iYjMzA1MjQ7x7CjrNf2usMmIzMwNTI0O8ew1q7KwqGjPC9wPgo8cD7B7c/ry7XD98P0vd2/qrei1tC1xKGxsuLK1Mf9tq+hsKOsxuTKtbrNztLV4sDvzOG1vbXEobHKwrz+x/22r6Gw06a4w8rH0ru49tLiy7yjrNa7sru5/c7S1eLA77XEysK8/srH0rvW1sW8yLu1xM7et8CxuLXEysK8/qOsv8nE3MrHuavLvtK1zvHT0NXi1tbQ6NKqwcujrL7N0qrX9tXiuPbKwsfpo6zEx8O0ztLDx77N0qrV67bU1eK49srCx+nIpdHQvr/Su8/Cz+DTprXEvLzK9aOsyrXP1s/g06a1xLmmxNyju7b4obGy4srUx/22r6Gw1tC1xLLiytS+zdOmuMPKx9f21eK49srCx+m1xNK71ta+38zl1/a3qKOsz8jD98i30qrX9rXEysLH6aOs0tTIt7aoxNzC+tfj0rXO8dDo0qqjrMi7uvPU2bHg0LSz9tXrttTSqtf2tcTKwsfptcSy4srUtPrC66OsvdPPwsC0vs3Kx8q1z9bP4NOmtcS5psTco6zKtc/WtcS5/bPM1tCjrNLUz8jHsLHg0LS1xLLiytTAtMvmyrGy4srUo6zWu9KqwvrX49Kqx/PBy6OsxL+x6r7NtO+1vcHLo6y+zc7e0OjU2b340NDJ7sjrus3AqdW5oaM8L3A+CjxwPrK7uf2jrKGxsuLK1Mf9tq+hsM35zfnKx9K71tbM4beoo6zSu9bWvqvL6LXEs+nP86OsuL3Xxcbkyc+1xLu509C63Lbgz7i92qOszfnN+bG7uvbC1KOs1sLKudDOtvjJz9GnuqbIy7K7x7OhozwvcD4KPHA+09DQqcqxuu6y4srUyseyu8yryN3S17Hg0LSz9sC0tcSjrMTHw7S+zbHg0LS49rLiytTTw8D9o6zK1rmksuLK1KOs1eu21MO/0ru49rHY0qq1xLLsv7Syv7fW1/bS1LrLttS8tL/Jo7s8L3A+CjxwPru509DQqcqxuu6jrM35zfm99rTvtb2y4srUtcTSqsfzo6yyorK7xNyxo9ak06bTw7XEzsi2qNDUus2wssir0NSjrNXiv8nE3MrHsuLK1LG+ye2yosO7sOy3qNK7tM7Q1M3qycajrMv50tSy4srUsb7J7dKyysfQ6NKqtfy0+rXEzerJxrXEoaM8L3A+CjxwPsP0vd2/qreio6zG5Mq10rLKx9K7uPayu7bPuPm+3b340NC5/bPM1tC1xLe0wKEgo6yyu7bPzerJxsS/serJ6LaotcTSu7j2uf2zzKOstvjH0s/zU2NydW2xvsnt0rLKx9PQ1eLR+bXEy7XD97XEo6y1q9Xi1tbPuL3atcS/tCYjMjAyODQ7srvP4LnYtcSyv7fWo6zIt7G7uty24FNjcnVttKu9zMq/w8e4+Lr2wtTBy6Os09DSu9bWx+m/9srHo6zV4tCptKu9zMq/w8eyu8rHvLzK9bP2ye2jrM35zfmw0dXi0Kmx39S1tcS/tCYjMjAyODQ70rvT77T4uf21xMu1w/e4+LWxs8m/ydPQv8nO3rXEwcujrMi7uvOjrLbU09rV4tbWvqvSqrXEyO28/rn9s8y3vbeo19y94cC0y7WjrMeww+a1xM35zfnKx9K7ttHPuL3aw+jK9qOstvjX7rrztcTSu9HUwb3T77LFysfW2NbQ1q7W2KOs0+vO0sPH1tC5+sjLtcSx7cr2t73Kvci3yrXT0LrctPOy7tLso6zO0sPH1tC5+sjLy7W7sKOs0fizybXEz7C538rHz8jX9rj2tPPS/dfTo6yy+8P3tPPLvM/ro6zIu7rz1NnW8NK7wtvWpMu1w/ejrLvy0O3X7rrzu7nT0NK7uPayubPko7vT1rvy1d/W0Ln6yMuwrtPD0PK6xcC0uPjSu8aqzsTVwsTayN29+NDQxNrI3dfp1q+jrLb4zeK5+sjLo6i/ycTcysfTotPv0+/PtbXEyMuwyaOsztLSsrK7zKvH5bP+o6m4/LCu08PO3tDyusW1xM7E1cLFxdDyt73KvaOszt6+0M7eyvi/ycTcysfL+8PHtcTM7NDUo6y2+M7Sw8fM7LOv1q6w7qOsuea+2NfuzqrW2NKqo6zL+dLU1/bG8MrCx+nAtKOstrzRrbnmtbi+2LXEvfjQ0KGjPC9wPgo8cD7V4tK7ts7T0LXjsrvMq9Cho6zIt7W5s/bSu7j2w/S93b+qt6K1xLe9t6i6zcu8v7zOyszitcTPsLnfo6yyorK7tPqx7dXi0fnKyrrP0rvH0Mfpv/ajrM7SuPzPsru21/a5pNf3yrGjrNXi0fnAtNf2o6zX9s3quaTX96OsztK4/M+yu7bTw9bQufrKvbXE19y94be9yr3AtLDR1eLSu7mk1/fJ5rywtcTWqsq21Nm9+NK7sr2808nuoaLAqdW50dC+v9K7t62jrNDOs8nSu7j2waLM5bXE1qrKtszlz7WjrLfF1NrO0rXExNTX08Dvo6zU2b6hv8nE3NPrxuTL/NLR1qrE2sjd1/bS1MGqz7WhozwvcD4KPHA+xuTKtcjL1q7L+dLUsK7Sxc38o6yyu8rHxOO1xLTFxczA78O709DV4rfdvMfCvMHLo6y2+MrHxOO1xMv30v23vcq9zKu1pdK7o6y1sdXi0rvL99L91Nqxu8vwu7W78sbky/zK/b7dzvPVvLrzo6zE477N1NnSstXSsru1vdXit93K/b7dwcuju8rUz+ujrMTj19y74dTauf3By7rcvsPWrrrzo6zNu8i7z+vG8MHLutzU59LUx7DU+M/r1dK1vbXE0ru33cr9vt2jrMTHysfS8s6qxOPF9sfJtsHIobW9wcvE4823xNTW0LXE1eK/6bTFxcy/1bzko6zU2bykt6Kz9sC0tcShozwvcD4KPHA+v8nE3KOsyMu1xMu8zqzKx8v30v21xLTmtKLOu9bDo6zHsdLiyrbKx8v30v3WuM/ytcTE2sjdtOa0osf4o6zSstDtsMmjrM+5ssKywqOssru5/brPx+myu9K7tqi6z8DtoaM8L3A+CjxwPjxicj4KPC9wPgo8cD6908/CwLS1xL3nw+ayv7fWo6y+zbC0yc/D5rXEy7W3qKOsz8iyu9HQvr+jrNHQyNPPwsC0o6zWu9W8uPbOu9bDPC9wPgo8cD48YnI+CjwvcD4KPHA+0ruhor3nw+ayvL7WvLDQp7n7PC9wPgo8cD48YnI+CjwvcD4KPHA+z8LO58nPsODKsbzktb3By6Osz8jQtLW91eLA76Os09C/1bb5vMzQ+M3qycYuLi4uLi48L3A+CjxwPjxicj4KPC9wPgo8cD48aW1nIHNyYz0="" alt="">