在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

推薦內容橫式

本月熱門文章

日本旅行 去東京可以在哪邊買羽球相關用品? WEMBLEY/WINDSOR/梭家/Victoria/Alpen TOKYO

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

PM到底在做什麼 ? Project Manager, Product Manager 以及 Program Manager的差別

ComfyUI搭配各個Stable Diffusion模型版本的介紹、檔案名稱及相應的目錄結構。

蔣經國時代 1979年 美麗島事件 回顧

Netflix 勁爆女子監獄 Orange is the New Black /OINTB 成立了 Poussey Washington Fund 這個基金將會幫助更生人及移民人權問題 !!

快速上手的ComfyUI與Stable Diffusion生成圖片的cheat sheet

許多深藍人士懷念的兩蔣時代

日本女子搖滾樂團=Hölderlins的吉他手 高橋聖子 Shoko Takahashi 可能要單飛啦 讓搖滾,性感和舞蹈音樂可以很好地融合在一起

川普第二次擔任美國總統

這個網誌中的熱門文章

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