將手機網站做成app的技術方法有很多，其中比較常用的主要有以下幾種：原生開發、混合開發、Web App封裝。本文將詳細介紹這三種方法的原理和實現步驟。

一、原生開發

原生開發是指使用本地開發工具（如Xcode、Android Studio等）進行開發，通過編寫本機應用程序的語言來訪問設備的本地功能和資源，使得應用程序更加流暢、響應更快，可以實現更多的高級功能和復雜的交互。原生應用程序開發需要開發者根據不同的操作系統進行相應的開發工作，使得開發周期和開發成本較高，但原生應用程序的用戶體驗比較好，運行速度較快。

原生開發的實現步驟主要包括以下幾個部分：

1. 使用原生開發工具進行開發（Xcode、Android Studio等）。

2. 按照設備系統的規則、自己的需要和用戶的反饋，進行ui的設計。

3. 寫出對應的代碼，并經過編譯，生成可執行文件。

4. 清深入測試，修正代碼，確保語法無誤，程序穩定。

5. 上架到對應的應用市場中，完成app的部署。

二、混合開發

混合開發是指基于Web技術開發應用程序，通過WebView控件將Web頁面嵌入原生應用程序中，使得應用程序具有類似原生應用程序的交互和用戶體驗。混合開發可以使用網絡技術來實現頁面的渲染和功能的擴展，可以在不同的移動平臺上運行，而且開發周期和成本相對較低。

混合開發的實現步驟主要包括以下幾個部分：

1. 使用現有的Web技術（如HTML、CSS、JavaScript等）進行開發。

2. 利用框架（如Ionic、Cordova等）進行將頁面打包成原生應用程序。

3. 通過JavaScript橋，將WebView控件和原生控件相互連通實現相互的數據傳輸。

4. 清深入測試，修正代碼，確保功能無誤，程序穩定。

5. 上架到對應的應用市場中，完成app的部署。

三、Web App封裝

Web App封裝是指通過封裝技術，將Web頁面打包成文件，并在原生應用程序內運行，使得應用程序具有類似原生應用程序的交互和用戶體驗。Web App封裝相比混合開發，更加輕量級，可以快速構建應用。

Web App封裝的實現步驟主要包括以下幾個部分：

1. 使用現有的Web技術（如HTML、CSS、JavaScript等）進行開發。

2. 利用封裝框架（如PhoneGap、Appcelerator等）可以在WebView控件中運行Web頁面。

3. 將Web頁面打包成文件，并完成原生應用程序的構建。

4. 通過統一的封裝框架，實現對原生控件的訪問，同時保證應用程序的穩定性和升級迭代的靈活性。

5. 清深入測試，修正代碼，確保功能無誤，程序穩定。

6. 上架到對應的應用市場中，完成app的部署。

總結：

三種將手機網站做成app方法，每一種技術都有自己的特點和適用場景，開發者應該結合實際情況來選擇適合自己的技術方法。需要開發者具備一定的編程能力和移動開發經驗。對于剛剛入門的開發者，建議先從混合開發開始學習。通過深入學習和實踐，逐漸掌握各個技術并不斷提升技術水平。