• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      調(diào)試移動(dòng)端網(wǎng)頁(yè)工具Weinre使用整理
      
				
      
					
       2018-10-20      seo達(dá)人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      一、Weinre 說(shuō)明

      


      
Weinre的本意是Web Inspector Remote，它是一種遠(yuǎn)程調(diào)試工具。功能與Firebug、Webkit inspector類(lèi)似，可以幫助我們即時(shí)更改頁(yè)面元素、樣式，調(diào)試JS等。

      


      
使用Weinre工具，Weinre的本意是Web Inspector Remote，它是一種遠(yuǎn)程調(diào)試工具:

      


      
1.它可以將遠(yuǎn)程的頁(yè)面經(jīng)過(guò)代理在PC上調(diào)試頁(yè)面元素、樣式，JS。

      


      
2.可以監(jiān)聽(tīng)頁(yè)面內(nèi)部的Ajax請(qǐng)求等。

      


      
3.可以監(jiān)聽(tīng)頁(yè)面加載成功時(shí)候的Console控制臺(tái)輸出

      


      
官網(wǎng)首頁(yè)：http://people.apache.org/~pmuellr/weinre/docs/latest/

      


      
Weinre的原理

      


      


      


      
三個(gè)端的含義：客戶(hù)端(client)：本地的WebInspector，遠(yuǎn)程調(diào)試客戶(hù)端。服務(wù)端(agent)：本地的HTTPServer，為目標(biāo)頁(yè)面與客戶(hù)端建立通信。目標(biāo)頁(yè)面(target)：被調(diào)試的頁(yè)面，頁(yè)面已嵌入weinre的遠(yuǎn)程js。

      


      
調(diào)試過(guò)程：

      


      
客戶(hù)端將指令(請(qǐng)求DOM、執(zhí)行js)post到代理服務(wù)端，目標(biāo)頁(yè)面定時(shí)(大概5s)從服務(wù)端get指令，然后將結(jié)果post回服務(wù)端，最終客戶(hù)端定時(shí)從服務(wù)端get結(jié)果。

      


      
PS：由于Weinre的客戶(hù)端是基于Web Inspector開(kāi)發(fā)，而Web Inspector只兼容WebKit核心的瀏覽器，所以只能在Chrome/Safari瀏覽器打開(kāi)Weinre客戶(hù)端進(jìn)行調(diào)試。

      


      


      
二、Weinre安裝和使用

      


      
1.weinre是基于NodeJs，因此首先要安裝NodeJs，然后使用npm命令安裝weinre

      


      
npm -g install weinre

      
2.運(yùn)行，啟動(dòng)weinre服務(wù)器，默認(rèn)端口8080

      


      
node.exe node_modules\weinre\weinre --boundHost -all-

      
node.exe node_modules\weinre\weinre --boundHost  192.168.1.125 

      
在windows下，系統(tǒng)防火墻可能會(huì)彈出是否允許其訪問(wèn)網(wǎng)絡(luò)的提示，點(diǎn)擊充許即可。

      
3.從瀏覽器訪問(wèn),http://localhost:8080,或者，http://192.168.1.125:8080，顯示如下表示啟動(dòng)服務(wù)器監(jiān)視成功

      


      


      


      


      


      
三、Weinre需要監(jiān)聽(tīng)調(diào)試的Web頁(yè)面配置處理

      


      
1.在所有頁(yè)面引入js文件

      


      
2.特別說(shuō)明，當(dāng)前js文件的域名需要指定為本機(jī)的IP地址，因?yàn)樵谑謾C(jī)模擬器中無(wú)法訪問(wèn)電腦‘localhost’

      


      


      


      


      


      


      


      


      


      
更多：

      


      
cordova-plugin-whitelist 協(xié)議白名單配置整理 

      


      
VS Code插件安裝位置

      


      
Visual Studio Code插件之Atom One Dark Syntax Theme

      


      
相關(guān)參考文章：

      


      
http://blog.csdn.net/freshlover/article/details/42640253

      


      
http://www.cnblogs.com/diva/p/3995674.html

      
藍(lán)藍(lán)設(shè)計(jì)( www.wtxcl.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個(gè)人資料
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 






主站蜘蛛池模板：
四虎8848|
亚洲天堂精品一区|
国产美女久久久久|
微拍福利一区福利二区|
国产午夜精品一区二区三|
欧美午夜福利|
亚洲精品乱码|
亚洲欧美黑人深喉猛交群|
亚洲无码社区|
日韩av在线一区二区三区|
99视频精品|
午夜中文在线|
亚洲第一区第二区第三区|
大学生久久香蕉国产线看观看|
福利姬国产精品一区在线|
成人精品视频一区二区不卡|
蜜臀av在线播放|
性高潮久久久久久久|
亚洲成人av一区二区三区|
天堂a?中文在线|
奇米久久|
超碰福利导航|
国产日韩欧美一区二区三区乱码|
日本深夜福利网|
国产熟妇x88AV|
亚洲精品之国产av|
国产爆初菊哭了|
亚洲中文字幕日韩|
草草地址线路①屁屁影院成人|
狠狠干2019|
伊人久久影院|
好看av在线|
午夜一区二区三区|
五月花激情|
国产黄A三级三级三级|
中文字幕亚洲天堂|
亚洲资源站|
多p在线观看|
****亚洲成a人片第1集|
a无码|
国产精品天天搞天天搞|