在Android手機上打開瀏覽器看Google網頁的整個流程是?

 這個流程涉及到從手機上打開瀏覽器應用程序並訪問Google網站,然後顯示針對個人瀏覽經驗的廣告。我們可以通過軟件系統架構的角度來分析這個流程,並了解整個過程中涉及到的不同分層和操作。


1. **應用層(Application Layer)**:

   - 用戶通過手機上的瀏覽器應用程序進行操作,點擊應用程序圖標。

   - 瀏覽器應用程序在應用層啟動,並顯示用戶界面。


2. **網絡層(Network Layer)**:

   - 一旦用戶輸入"google.com"並按下回車鍵,瀏覽器應用程序需要解析網址,並查找Google伺服器的IP地址。

   - 瀏覽器應用程序將通過網絡層建立到Google伺服器的TCP/IP連接。


3. **傳輸層(Transport Layer)**:

   - 在傳輸層,TCP協議確保了數據的可靠傳輸。數據被分割成小的數據包,然後通過網絡層發送到目的地。


4. **網絡層(Network Layer)**:

   - 數據包通過網絡層的路由協議被轉發到Google伺服器的IP地址。

   - Google伺服器收到數據包,然後處理HTTP請求,向Google網站發送請求以檢索網頁內容。


5. **應用層(Application Layer)**:

   - Google伺服器將網頁內容作為HTTP響應返回到手機的瀏覽器應用程序。

   - 瀏覽器應用程序接收到響應,解析HTML並顯示Google主頁的內容。


6. **廣告系統**:

   - 當瀏覽器載入Google主頁時,可能會觸發廣告系統的請求。

   - 廣告系統可能根據用戶的瀏覽歷史、興趣和其他數據,選擇要在頁面上顯示的廣告。

   - 廣告系統將廣告內容嵌入到Google主頁的HTML中,以便在瀏覽器上顯示。


總的來說,這個流程涉及到多個層次的互動,從用戶界面到網絡傳輸,再到瀏覽器解析和顯示頁面內容,最後到廣告系統的集成。這些層次協同工作,以實現在Android手機上打開瀏覽器並瀏覽Google網站時顯示個性化廣告的功能。此外,這個流程還涉及到數據的傳輸和處理,以確保用戶體驗的順暢性和個性化。



===


而在網頁到了瀏覽器之後,在Android端的畫面顯示如Webview的產生會怎麼進行?

Android手機上的網頁渲染過程是一個複雜的過程,涉及多個組件和步驟,以將網頁內容呈現在手機屏幕上。以下是簡要的Android網頁渲染過程:


1. **網址解析和請求**:

   - 用戶在瀏覽器中輸入網址或點擊鏈接。

   - 瀏覽器首先將網址解析為協議(如HTTP或HTTPS)、主機名稱和路徑等。

   - 然後,它建立一個HTTP請求,並將該請求發送到指定的網站伺服器。


2. **伺服器回應**:

   - 伺服器接收到HTTP請求,並根據請求內容生成響應。

   - 響應通常包括HTML代碼、CSS樣式表、JavaScript代碼、圖像和其他資源。

   - 伺服器將這些資源打包成HTTP響應,然後發送回瀏覽器。


3. **HTML解析**:

   - 當瀏覽器收到伺服器的響應,它開始解析HTML文檔。

   - HTML解析器將文檔分析為DOM(文檔對象模型),表示網頁的結構。

   

4. **CSS解析和樣式計算**:

   - 瀏覽器解析CSS樣式表,並計算每個元素的最終樣式。

   - 這包括佈局信息,如元素的位置和大小。


5. **網頁佈局**:

   - 瀏覽器根據HTML文檔和計算的樣式信息來進行頁面佈局。

   - 它確定每個元素在屏幕上的確切位置和大小。


6. **渲染和繪製**:

   - 當頁面的佈局確定後,瀏覽器開始將每個元素渲染到屏幕上。

   - 這包括文字、圖像、背景等內容。


7. **JavaScript執行**:

   - 如果頁面包含JavaScript代碼,瀏覽器將執行該代碼。

   - JavaScript可以動態修改DOM,更改頁面內容,並處理用戶交互。


8. **畫面更新**:

   - 當頁面上的所有內容都被渲染並JavaScript代碼執行完畢後,畫面將更新並呈現給用戶。

   

9. **用戶交互**:

   - 一旦頁面呈現完成,用戶可以與網頁互動,例如點擊連結、填寫表單、捲動頁面等。

   

總之,Android手機上的網頁渲染過程是一個複雜的多階段過程,涉及到HTML解析、CSS樣式計算、佈局、渲染和JavaScript執行等步驟,以確保網頁在手機屏幕上正確且流暢地呈現給用戶。這個過程需要高效的瀏覽器引擎和硬體支持,以實現良好的用戶體驗。

留言

Google Search

推薦內容橫式

本月熱門文章

鋼鐵韓粉站出來 讓韓國瑜每天唱歌喝酒好不好

捐款支持義大利靈醫會 一起來幫助他們 就像當初教士來台灣協助我們一樣 !!

香港事件回顧 2020/08/10 前眾志成員周庭及壹傳媒創辦人黎智英被捕 今日累計10人被捕

黑金? 不得不提前總統馬英九大姊馬以南 吳敦義 林益世

「港版國安法」,法律將會放在《基本法》附件三在港實施,而非就《基本法》23條立法

從台灣省長宋楚瑜到台北市長柯文哲,可以說 宋楚瑜 2.0 就是柯文哲

北京故宮首訪,一窺清宮秘史 大玉兒 & 甄嬛

兒福聯盟到底多有錢?收捐款為什麼不做事情而是定存?王育敏不解釋嗎?

這個網誌中的熱門文章

Android應用開發豆知識:利用 adb 安裝 apk 到裝置上

Android 中文輸入法 官方版 ! Gboard - Google 鍵盤 開始支援注音輸入啦

Google Play 推薦Android app 誠徵App排行榜

北京故宮首訪,一窺清宮秘史 大玉兒 & 甄嬛

[家教][社會觀察] 建中教我的事 沒上建中被父母親折磨? 在建中到底是如何 ...

[FAANG面試] Amazon/AWS 領導力準則 14 Amazon Leadership Principles

Acer ICONIA Smart S300 更新後越來越好 Acer也有出手機?!

[品質控制] 什麼是Sanity test ? 軟體測試常見名詞整理 包含不同部門的測試人員負責範圍

新鮮人找工作:職場名詞解釋 AE FAE Pre-sales Post-sales