整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          WebBrowser控件網頁數據抓取(I) - EX

          WebBrowser控件網頁數據抓取(I) - EXCEL VBA(22)

          用WebBrowser控件打開Web頁面,并提取頁面數據成為當今數據收集的主要手段。EXCEL VBA網頁數據抓取和處理基本過程如下:

          • 運用WebBrowser控件打開Web頁面
          • 解析文檔或字符串
          • 將抓取的網頁數據按格式要求寫入EXCEL表格
          • 通過EXCEL表格函數或EXCEL VBA編程進行數據數理

          本文介紹開發一個簡單的WebBrowser控件網頁數據抓取工具來實現EXCEL VBA網頁數據抓取的基本過程。

          1、運用WebBrowser控件打開Web頁面

          I、建立窗體如下圖

          窗體由控件解釋:

          • CommandButton1:【打開網頁】命令按鈕;
          • CommandButton2:【網頁數據抓取】命令按鈕;
          • TextBox1:網址文本框(單行)
          • TextBox2:網頁HTML文檔文本框(多行)。設置Multiline屬性為True、ScrollBars屬性為2;
          • WebBrowser1:網頁控件

          II、打開Web頁面

          • 打開窗體后運用窗體初始化事件Initialize加載指定網頁
          Private Sub UserForm_Initialize()
          WebBrowser1.Navigate "http://www.galaxystatistics.com/excel/excelVBA2.html"
          End Sub
          • 打開窗體時運用CommandButton1【打開網頁】命令按鈕打開TextBox1網址文本框中指定的網頁
          Private Sub CommandButton1_Click()
          WebBrowser1.Navigate TextBox1.Text
          End Sub
          • 網頁加載成功后執行WebBrowser1的DocumentComplete事件,在TextBox2文本框顯示網頁HTML文檔
          Private Sub WebBrowser1_DocumentComplete(ByVal pDisp As Object, URL As Variant)
          Dim doc As Object
          Set doc=WebBrowser1.Document
          TextBox2.Text=doc.DocumentElement.innerHTML
          TextBox2.SetFocus
          End Sub

          通常,使用瀏覽器打開網頁后,在頁面點擊鼠標右鍵,彈出菜單如此,

          點擊【查看網頁源代碼(V)】,可以查看網頁HTML文檔。

          本文案例網頁為“http://www.galaxystatistics.com/excel/excelVBA2.html”,文檔如下:

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
          <html>
          <head>
          <title>Excel Train</title>
          <meta charset="utf-8"/>
          <style>
          .testTB{color:#ff0000;}
          </style>
          
          <script type="text/javascript">
          function oSum(x,y) {
          return x+y;
          }
          //無參數調用  
          function alertNull(){  
          alert("WebBrowser call!");  
          }
          //有參數調用  
          function callWithPar(name, address) {  
          alert("Name is " + name + "; address is " + address);  
          }  
           </script>
          </head>
          <body scroll="yes" bgcolor="#E3F3F9" style="border:none">
          <h4>表格一</h4>
          <table id="myTB2" class="testTB" border=0 cellspacing=0 cellpadding=5 width="100%" style="border-top:2px solid #000000; border-bottom:2px solid #000000; width:50%;">
                <tr><th style="border-right:1px solid #000000;">產量</th><th style="border-right:1px solid #000000;">人數</th><th>累計人數</th></tr>
                <tr>
                    <td style="border-top:1px solid #000000; border-right:1px solid #000000;">4</td>
                    <td style="border-top:1px solid #000000; border-right:1px solid #000000;">8</td>
                    <td style="border-top:1px solid #000000;">8</td>
                </tr>
                <tr>
                    <td style="border-right:1px solid #000000;">5</td>
                    <td style="border-right:1px solid #000000;">22</td>
                    <td>30</td>
                </tr>
                <tr>
                    <td style="border-right:1px solid #000000;">6</td>
                    <td style="border-right:1px solid #000000;">42</td>
                    <td>72</td>
                </tr>
                <tr>
                    <td style="border-right:1px solid #000000;">7</td>
                    <td style="border-right:1px solid #000000;">38</td>
                    <td>110</td>
                </tr>
                <tr>
                    <td style="border-right:1px solid #000000;">8</td>
                    <td style="border-right:1px solid #000000;">17</td>
                    <td>127</td></tr>
                <tr>
                    <td style="border-right:1px solid #000000;">9</td>
                    <td style="border-right:1px solid #000000;">3</td>
                    <td>130</td>
                </tr>
                <tr>
                    <td style="border-top:1px solid #000000; border-right:1px solid #000000;">合計</td>
                    <td style="border-top:1px solid #000000; border-right:1px solid #000000;">130</td>
                    <td style="border-top:1px solid #000000;">***</td>
                </tr>
            </table>
          <p>
          <h4>表格二</h4>
          <table class="testTB" border=1 cellspacing=0 cellpadding=5 width="50%">
          <tr><th>姓名</th><th>民族</th></tr>
          <tr><td>張三</td><td>漢族</td></tr>
          <tr><td>李四</td><td>回族</td></tr>
          </table>
          <form name="myFc">
          <h4>表格三</h4>
          <table>
          <tr><th colspan=2 style="text-align:left; font-size:10pt; color:#a51020;">1、文本框</th></tr>
          <tr><td>  姓名:</td><td><input id="myName" style="width:100px; color:#ff0000;" value="張三" onchange="alert(111)"/></td></tr>
          <tr><th colspan=2 style="text-align:left; font-size:10pt; color:#e51020;">2、單選按鈕</th></tr>
          <tr><td>  性別:</td><td><input type="radio" name="myGender" value="1" checked/>男 <input type="radio" name="myGender" value="0"/>女</td></tr>
          <tr><th colspan=2 style="text-align:left; font-size:10pt; color:#e51020;">3、復選框</th></tr>
          <tr><td>  愛好:</td><td><input type="checkbox" name="myLike" value="1"/>籃球 <input type="checkbox" name="myLike" value="2"/>游泳 <input type="checkbox" name="myLike" 
          value="3"/>跑步</td></tr>
          <tr><th colspan=2 style="text-align:left; font-size:10pt; color:#e51020;">4、下拉列表</th></tr>
          <tr><td>  專業:</td><td><select id="myMajor">
              <option value="1">數學</option>
              <option value="2">統計學</option>
              <option value="3">壽險精算</option>
              <option value="4">R語言</option>
          </select></td></tr>
          <tr><th colspan=2 style="text-align:left; font-size:10pt; color:#e51020;">5、多行文本</th></tr>
          <tr><td>  簡介:</td><td>
          <textarea id="myIntroduction" style="width:300px; height:100px; color:#555555;">
          WebBrowser控件是Internet Explorer的主窗口,它是作為一個ActiveX控件來包裝的。用戶可以使用WebBrowser控件打開任何IE能夠顯示的Web頁面,并提取頁面數據。如有自己的網站,可運用WebBrowser控件實現
          EXCEL文檔和服務器間數據交換
          </textarea></td></tr>
          <tr><th colspan=2 style="text-align:left; font-size:10pt; color:#e51020;">6、DIV區塊</th></tr>
          <tr><td>  效果:</td><td>
          <div id="myEffect" style="width:300px; height:50px; border:#aaaaaa 1px solid; dsiplay:inline;">
          <b style="text-align:center; width:100%; padding-top:15px;">這是黑體效果</b>
          </div></td></tr>
          <tr><th colspan=2 style="text-align:left; font-size:10pt; color:#e51020;">7、圖片</th></tr>
          <tr><td>  頭像:</td><td><img src="http://studio.galaxystatistics.com/shiny/rSHIndex/pic/vba1.jpg" id="myImg" style="width:200px; height:260px; color:#ff0000;"/></td></tr>
          <tr><th colspan=2 style="text-align:left; font-size:10pt; color:#e51020;">8、內崁iFrame框架</th></tr>
          <tr><td>  框架:</td><td><iframe src="http://www.galaxystatistics.com/excel/excelVBA1.html" id="myIframe" style="width:380px; height:260px; color:#ff0000;"/></td></tr>
          </table>
          </form>
          </body>
          </html>

          2、解析HTML文檔

          WebBrowser控件網頁數據抓取必須具備一定基礎的網頁編程知識。通常,網頁數據抓取的對象為網頁中的table標簽,統計數據往往以表格形式來呈現。

          I、通過table標簽的id屬性抓取表格數據

          網頁中任何標簽都可以設定id屬性做為唯一標識,對于設定id屬性的HTML標簽,可以用DOM文檔模型的Document.getElementById獲得該標簽。

          案例網頁為“http://www.galaxystatistics.com/excel/excelVBA2.html”中第一個table標簽為,

          <h4>表格一</h4>
          <table id="myTB2" class="testTB" border=0 cellspacing=0 cellpadding=5 width="100%">
           ...
            </table>

          這里table標簽的id屬性為id="myTB2",CommandButton2【網頁數據抓取】命令按鈕代碼如下:

          Private Sub CommandButton2_Click()
          Dim tbRows As Integer
          Dim tbCols As Integer
          Dim i, j As Integer
          '通過id屬性獲得table標簽對象
          Set doc=WebBrowser1.Document.getElementById("myTB2")
          '獲得表格行數
          tbRows=doc.Rows.Length
          '獲得表格列數
          tbCols=doc.Rows(0).Cells.Length
          Sheet1.Cells.Clear
          For i=0 To tbRows - 1
              For j=0 To tbCols - 1
          '按行、列將表格數據寫入EXCEL表格
                  Sheet1.Cells(i + 1, j + 1)=doc.Rows(i).Cells(j).innerText
             Next j
          Next i
          End Sub

          II、通過table標簽集合抓取表格數據

          有時網頁中要抓取的標簽沒設定id屬性,這時可通過DOM文檔模型的Document.getElementsByTagName獲得該標簽集合。CommandButton2【網頁數據抓取】命令按鈕代碼如下:

          Dim tables As Object
          ' 獲取文檔中所有的table集合
          Set tables=WebBrowser1.Document.getElementsByTagName("table")
          ' 獲取文檔中第2個table對象
          Set doc=tables(1)
          Dim tbRows As Integer
          Dim tbCols As Integer
          Dim i, j As Integer
          tbRows=doc.Rows.Length
          tbCols=doc.Rows(0).Cells.Length
          Sheet1.Cells.Clear
          For i=0 To tbRows - 1
            For j=0 To tbCols - 1
              Sheet1.Cells(i + 1, j + 1)=doc.Rows(i).Cells(j).innerText
            Next j
          Next i

          解析HTML文檔是一個人機對話過程,開發者需要對HTML文檔結構和EXCEL VBA編程有足夠的經驗。

          這里介紹了網頁table標簽中數據抓取的方法,對于其它網頁標簽(div、textarea、img等),基本都可以有DOM的Document.getElementById和Document.getElementsByTagName方法獲得抓取對象。至于不同網頁標簽的進一步解析,則需要對HTML文檔結構有一定程度的了解。

          本文代碼使用InternetExplorer運行通過,如果使用Chrome瀏覽器或Firefox瀏覽器加載網頁,HTML文檔解析過程可能略有區別。

          參考文章:

          • Web Browser控件與網頁互動 - EXCEL VBA(21)

          你輸入一個網址,實際會發生什么?

          作為一個軟件開發者,你一定會對網絡應用如何工作有一個完整的層次化的認知,同樣這里也包括這些應用所用到的技術:像瀏覽器,HTTP,HTML,網絡服務器,需求處理等等。

          本文將更深入的研究當你輸入一個網址的時候,后臺到底發生了一件件什么樣的事~

          首先嘛,你得在瀏覽器里輸入要網址:

          2. 瀏覽器查找域名的IP地址

          導航的第一步是通過訪問的域名找出其IP地址。DNS查找過程如下:

          瀏覽器緩存 – 瀏覽器會緩存DNS記錄一段時間。 有趣的是,操作系統沒有告訴瀏覽器儲存DNS記錄的時間,這樣不同瀏覽器會儲存個自固定的一個時間(2分鐘到30分鐘不等)。

          系統緩存 – 如果在瀏覽器緩存里沒有找到需要的記錄,瀏覽器會做一個系統調用(windows里是gethostbyname)。這樣便可獲得系統緩存中的記錄。

          路由器緩存 – 接著,前面的查詢請求發向路由器,它一般會有自己的DNS緩存。

          ISP DNS 緩存 – 接下來要check的就是ISP緩存DNS的服務器。在這一般都能找到相應的緩存記錄。

          遞歸搜索 – 你的ISP的DNS服務器從跟域名服務器開始進行遞歸搜索,從.com頂級域名服務器到Facebook的域名服務器。一般DNS服務器的緩存中會有.com域名服務器中的域名,所以到頂級服務器的匹配過程不是那么必要了。

          DNS遞歸查找如下圖所示:

          DNS有一點令人擔憂,這就是像wikipedia.org 或者 facebook.com這樣的整個域名看上去只是對應一個單獨的IP地址。還好,有幾種方法可以消除這個瓶頸:

          循環 DNS 是DNS查找時返回多個IP時的解決方案。舉例來說,Facebook.com實際上就對應了四個IP地址。

          負載平衡器 是以一個特定IP地址進行偵聽并將網絡請求轉發到集群服務器上的硬件設備。 一些大型的站點一般都會使用這種昂貴的高性能負載平衡器。

          地理 DNS 根據用戶所處的地理位置,通過把域名映射到多個不同的IP地址提高可擴展性。這樣不同的服務器不能夠更新同步狀態,但映射靜態內容的話非常好。

          Anycast 是一個IP地址映射多個物理主機的路由技術。 美中不足,Anycast與TCP協議適應的不是很好,所以很少應用在那些方案中。

          大多數DNS服務器使用Anycast來獲得高效低延遲的DNS查找。

          3. 瀏覽器給web服務器發送一個HTTP請求

          當你輸入一個網址的時候,實際會發生什么?

          因為像Facebook主頁這樣的動態頁面,打開后在瀏覽器緩存中很快甚至馬上就會過期,毫無疑問他們不能從中讀取。

          所以,瀏覽器將把一下請求發送到Facebook所在的服務器:

          GET http://facebook.com/ HTTP/1.1

          Accept: application/x-ms-application, image/jpeg, application/xaml+xml, [...]

          User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; [...]

          Accept-Encoding: gzip, deflate

          Connection: Keep-Alive

          Host: facebook.com

          Cookie: datr=1265876274-[...]; locale=en_US; lsd=WW[...]; c_user=2101[...]

          GET 這個請求定義了要讀取的URL: “http://facebook.com/”。 瀏覽器自身定義 (User-Agent 頭), 和它希望接受什么類型的相應 (Accept and Accept-Encoding 頭). Connection頭要求服務器為了后邊的請求不要關閉TCP連接。

          請求中也包含瀏覽器存儲的該域名的cookies。可能你已經知道,在不同頁面請求當中,cookies是與跟蹤一個網站狀態相匹配的鍵值。這樣cookies會存儲登錄用戶名,服務器分配的密碼和一些用戶設置等。Cookies會以文本文檔形式存儲在客戶機里,每次請求時發送給服務器。

          用來看原始HTTP請求及其相應的工具很多。作者比較喜歡使用fiddler,當然也有像FireBug這樣其他的工具。這些軟件在網站優化時會幫上很大忙。

          除了獲取請求,還有一種是發送請求,它常在提交表單用到。發送請求通過URL傳遞其參數(e.g.: http://robozzle.com/puzzle.aspx?id=85)。發送請求在請求正文頭之后發送其參數。

          像“http://facebook.com/”中的斜杠是至關重要的。這種情況下,瀏覽器能安全的添加斜杠。而像“http: //example.com/folderOrFile”這樣的地址,因為瀏覽器不清楚folderOrFile到底是文件夾還是文件,所以不能自動添加 斜杠。這時,瀏覽器就不加斜杠直接訪問地址,服務器會響應一個重定向,結果造成一次不必要的握手。

          4. facebook服務的永久重定向響應


          圖中所示為Facebook服務器發回給瀏覽器的響應:

          HTTP/1.1 301 Moved Permanently

          Cache-Control: private, no-store, no-cache, must-revalidate, post-check=0,

          pre-check=0

          Expires: Sat, 01 Jan 2000 00:00:00 GMT

          Location: http://www.facebook.com/

          P3P: CP="DSP LAW"

          Pragma: no-cache

          Set-Cookie: made_write_conn=deleted; expires=Thu, 12-Feb-2009 05:09:50 GMT;

          path=/; domain=.facebook.com; httponly

          Content-Type: text/html; charset=utf-8

          X-Cnection: close

          Date: Fri, 12 Feb 2010 05:09:51 GMT

          Content-Length: 0

          服務器給瀏覽器響應一個301永久重定向響應,這樣瀏覽器就會訪問“http://www.facebook.com/” 而非“http://facebook.com/”。

          為什么服務器一定要重定向而不是直接發會用戶想看的網頁內容呢?這個問題有好多有意思的答案。

          其中一個原因跟搜索引擎排名有 關。你看,如果一個頁面有兩個地址,就像http://www.igoro.com/ 和http://igoro.com/,搜索引擎會認為它們是兩個網站,結果造成每一個的搜索鏈接都減少從而降低排名。而搜索引擎知道301永久重定向是 什么意思,這樣就會把訪問帶www的和不帶www的地址歸到同一個網站排名下。

          還有一個是用不同的地址會造成緩存友好性變差。當一個頁面有好幾個名字時,它可能會在緩存里出現好幾次。

          5. 瀏覽器跟蹤重定向地址


          現在,瀏覽器知道了“http://www.facebook.com/”才是要訪問的正確地址,所以它會發送另一個獲取請求:

          GET http://www.facebook.com/ HTTP/1.1

          Accept: application/x-ms-application, image/jpeg, application/xaml+xml, [...]

          Accept-Language: en-US

          User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; [...]

          Accept-Encoding: gzip, deflate

          Connection: Keep-Alive

          Cookie: lsd=XW[...]; c_user=21[...]; x-referer=[...]

          Host: www.facebook.com

          頭信息以之前請求中的意義相同。

          6. 服務器“處理”請求

          服務器接收到獲取請求,然后處理并返回一個響應。

          這表面上看起來是一個順向的任務,但其實這中間發生了很多有意思的東西- 就像作者博客這樣簡單的網站,何況像facebook那樣訪問量大的網站呢!

          Web 服務器軟件

          web服務器軟件(像IIS和阿帕奇)接收到HTTP請求,然后確定執行什么請求處理來處理它。請求處理就是一個能夠讀懂請求并且能生成HTML來進行響應的程序(像ASP.NET,PHP,RUBY…)。舉 個最簡單的例子,需求處理可以以映射網站地址結構的文件層次存儲。像http://example.com/folder1/page1.aspx這個地 址會映射/httpdocs/folder1/page1.aspx這個文件。web服務器軟件可以設置成為地址人工的對應請求處理,這樣 page1.aspx的發布地址就可以是http://example.com/folder1/page1。

          請求處理

          請求處理閱讀請求及它的參數和cookies。它會讀取也可能更新一些數據,并講數據存儲在服務器上。然后,需求處理會生成一個HTML響應。

          所 有動態網站都面臨一個有意思的難點 -如何存儲數據。小網站一半都會有一個SQL數據庫來存儲數據,存儲大量數據和/或訪問量大的網站不得不找一些辦法把數據庫分配到多臺機器上。解決方案 有:sharding (基于主鍵值講數據表分散到多個數據庫中),復制,利用弱語義一致性的簡化數據庫。

          委 托工作給批處理是一個廉價保持數據更新的技術。舉例來講,Fackbook得及時更新新聞feed,但數據支持下的“你可能認識的人”功能只需要每晚更新 (作者猜測是這樣的,改功能如何完善不得而知)。批處理作業更新會導致一些不太重要的數據陳舊,但能使數據更新耕作更快更簡潔。

          7. 服務器發回一個HTML響應

          當你輸入一個網址的時候,實際會發生什么?

          圖中為服務器生成并返回的響應:

          HTTP/1.1 200 OK

          Cache-Control: private, no-store, no-cache, must-revalidate, post-check=0,

          pre-check=0

          Expires: Sat, 01 Jan 2000 00:00:00 GMT

          P3P: CP="DSP LAW"

          Pragma: no-cache

          Content-Encoding: gzip

          Content-Type: text/html; charset=utf-8

          X-Cnection: close

          Transfer-Encoding: chunked

          Date: Fri, 12 Feb 2010 09:05:55 GMT

          2b3Tn@[...]

          整個響應大小為35kB,其中大部分在整理后以blob類型傳輸。

          內容編碼頭告訴瀏覽器整個響應體用gzip算法進行壓縮。解壓blob塊后,你可以看到如下期望的HTML:

          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

          lang="en" id="facebook">

          ...

          關于壓縮,頭信息說明了是否緩存這個頁面,如果緩存的話如何去做,有什么cookies要去設置(前面這個響應里沒有這點)和隱私信息等等。

          請注意報頭中把Content-type設置為“text/html”。報頭讓瀏覽器將該響應內容以HTML形式呈現,而不是以文件形式下載它。瀏覽器會根據報頭信息決定如何解釋該響應,不過同時也會考慮像URL擴展內容等其他因素。

          8. 瀏覽器開始顯示HTML

          在瀏覽器沒有完整接受全部HTML文檔時,它就已經開始顯示這個頁面了:


          9. 瀏覽器發送獲取嵌入在HTML中的對象

          在瀏覽器顯示HTML時,它會注意到需要獲取其他地址內容的標簽。這時,瀏覽器會發送一個獲取請求來重新獲得這些文件。

          下面是幾個我們訪問facebook.com時需要重獲取的幾個URL:

          圖片

          http://static.ak.fbcdn.net/rsrc.php/z12E0/hash/8q2anwu7.gif

          http://static.ak.fbcdn.net/rsrc.php/zBS5C/hash/7hwy7at6.gif

          CSS 式樣表

          http://static.ak.fbcdn.net/rsrc.php/z448Z/hash/2plh8s4n.css

          http://static.ak.fbcdn.net/rsrc.php/zANE1/hash/cvtutcee.css

          JavaScript 文件

          http://static.ak.fbcdn.net/rsrc.php/zEMOA/hash/c8yzb6ub.js

          http://static.ak.fbcdn.net/rsrc.php/z6R9L/hash/cq2lgbs8.js

          這些地址都要經歷一個和HTML讀取類似的過程。所以瀏覽器會在DNS中查找這些域名,發送請求,重定向等等…

          但 不像動態頁面那樣,靜態文件會允許瀏覽器對其進行緩存。有的文件可能會不需要與服務器通訊,而從緩存中直接讀取。服務器的響應中包含了靜態文件保存的期限 信息,所以瀏覽器知道要把它們緩存多長時間。還有,每個響應都可能包含像版本號一樣工作的ETag頭(被請求變量的實體值),如果瀏覽器觀察到文件的版本 ETag信息已經存在,就馬上停止這個文件的傳輸。

          試著猜猜看“fbcdn.net”在地址中代表什么?聰明的答案是”Facebook內容分發網絡”。Facebook利用內容分發網絡(CDN)分發像圖片,CSS表和JavaScript文件這些靜態文件。所以,這些文件會在全球很多CDN的數據中心中留下備份。

          靜態內容往往代表站點的帶寬大小,也能通過CDN輕松的復制。通常網站會使用第三方的CDN。例如,Facebook的靜態文件由最大的CDN提供商Akamai來托管。

          舉例來講,當你試著ping static.ak.fbcdn.net的時候,可能會從某個akamai.net服務器上獲得響應。有意思的是,當你同樣再ping一次的時候,響應的服務器可能就不一樣,這說明幕后的負載平衡開始起作用了。

          10. 瀏覽器發送異步(AJAX)請求

          在Web 2.0偉大精神的指引下,頁面顯示完成后客戶端仍與服務器端保持著聯系。

          以 Facebook聊天功能為例,它會持續與服務器保持聯系來及時更新你那些亮亮灰灰的好友狀態。為了更新這些頭像亮著的好友狀態,在瀏覽器中執行的 JavaScript代碼會給服務器發送異步請求。這個異步請求發送給特定的地址,它是一個按照程式構造的獲取或發送請求。還是在Facebook這個例 子中,客戶端發送給http://www.facebook.com/ajax/chat/buddy_list.php一個發布請求來獲取你好友里哪個 在線的狀態信息。

          提起這個模式,就必須要講講”AJAX”– “異步JavaScript 和 XML”,雖然服務器為什么用XML格式來進行響應也沒有個一清二白的原因。再舉個例子吧,對于異步請求,Facebook會返回一些JavaScript的代碼片段。

          除了其他,fiddler這個工具能夠讓你看到瀏覽器發送的異步請求。事實上,你不僅可以被動的做為這些請求的看客,還能主動出擊修改和重新發送它們。AJAX請求這么容易被蒙,可著實讓那些計分的在線游戲開發者們郁悶的了。(當然,可別那樣騙人家~)

          Facebook聊天功能提供了關于AJAX一個有意思的問題案例:把數據從服務器端推送到客戶端。因為HTTP是一個請求-響應協議,所以聊天服務器不能把新消息發給客戶。取而代之的是客戶端不得不隔幾秒就輪詢下服務器端看自己有沒有新消息。

          這些情況發生時長輪詢是個減輕服務器負載挺有趣的技術。如果當被輪詢時服務器沒有新消息,它就不理這個客戶端。而當尚未超時的情況下收到了該客戶的新消息,服務器就會找到未完成的請求,把新消息做為響應返回給客戶端。

          IM作為騰訊旗下的通信辦公軟件,相比QQ更加簡潔,省去了大量的娛樂功能,更加專注移動在線辦公。但同時TIM也精簡了一些我們需要的功能,這讓我始終覺得缺了什么。

          經過一段時間的使用,我發現好多被精簡掉的功能就是H5頁面,可以從原版QQ中復制鏈接,加入TIM收藏,在TIM打開,徹底擺脫QQ。

          具體怎么實現呢?我以運動為例講解具體的方法,現在隨我一起做吧!

          1.打開動態頁面中的運動。

          2.長按頁面中空白的區域,點擊在瀏覽器打開。

          3.關閉一些無用的對話框,點擊上方網址欄,復制鏈接。

          4.打開TIM,粘貼鏈接并打開。

          但我們可以發現并沒有正確打開我們所需的網址。

          原因很簡單,這個網頁對瀏覽器做了跳轉處理,我們復制的鏈接是跳轉后的網址。并且從圖中可以看出復制鏈接時的網頁與原來的并不同。

          5.返回QQ,重新打開運動頁面,我們需要找找其他的方法。

          6.通過探索我們可以發現通過下拉運動紅包頁面可以顯示鏈接:yundong.qq.com。

          7.打開TIM,粘貼鏈接并打開,發現成功了。

          以上就是尋找運動功能鏈接的過程了。畢竟在TIM中領個運動紅包也是不錯的。

          尋找鏈接的方法有很多,關鍵在于細心。這里為之家網友總結了其他一些隱藏的功能鏈接:

          QQ運動:yundong.qq.com

          游戲:http://m.gamecenter.qq.com(點擊進入手Q游戲中心,需要再次點擊下方的“我”)

          興趣部落:https://buluo.qq.com/mobile/buluoindex.html

          打卡頁面:https://ti.qq.com/signin/public/index.html

          TIM換聊天背景:zb.vip.qq.com/sonic/index

          如果常用這些功能可以加入TIM收藏,以備下次使用。


          主站蜘蛛池模板: 亚洲精品国产suv一区88| 亚洲AV日韩AV一区二区三曲| 国产成人一区二区三中文| 国产一区二区三区在线免费| 国产午夜精品一区二区三区嫩草| 亚洲av日韩综合一区在线观看| 国产在线精品一区二区三区直播 | 精品国产一区二区三区色欲| 日本免费一区二区三区四区五六区| 国产精品视频免费一区二区| 亚洲熟妇成人精品一区| 国产乱码精品一区二区三区中文 | 美女视频在线一区二区三区| 国产福利电影一区二区三区久久久久成人精品综合 | 国产精品一区二区三区高清在线 | 久久精品国产免费一区| 国模少妇一区二区三区| 日韩免费无码视频一区二区三区| 一区二区中文字幕| 99热门精品一区二区三区无码| 亚洲美女一区二区三区| 伊人久久大香线蕉AV一区二区| 正在播放国产一区| 老熟女五十路乱子交尾中出一区| 红杏亚洲影院一区二区三区 | 国产丝袜美女一区二区三区| 亚洲国产精品无码第一区二区三区| 午夜无码一区二区三区在线观看 | 国产亚洲一区二区三区在线| 日韩色视频一区二区三区亚洲| 国产精品美女一区二区视频| 日本一区免费电影| 亚洲无码一区二区三区| 中文字幕av一区| 日本在线视频一区二区三区| 久99精品视频在线观看婷亚洲片国产一区一级在线 | 精品福利一区二区三区免费视频| 三上悠亚一区二区观看| 精品国产香蕉伊思人在线在线亚洲一区二区 | www一区二区三区| 美女视频一区二区|