粗大的内捧猛烈进出小视频,日本成人精品视频一区,在线播放亚洲成人av,精品人妻少妇嫩草av专区,亚洲AV永久久久久久久浪潮,性导航app精品视频,九九热精品免费视频,一本一本大道香蕉久在线播放 

  
      
    

        

	
        
		
        
			
        
				
        調試移動端網頁工具Weinre使用整理
        
				
        
					
         2018-10-20      seo達人      
        
					
					
        
						
					
        
				
        
				
			
        
			
        
				
        一、Weinre 說明

        


        
Weinre的本意是Web Inspector Remote，它是一種遠程調試工具。功能與Firebug、Webkit inspector類似，可以幫助我們即時更改頁面元素、樣式，調試JS等。

        


        
使用Weinre工具，Weinre的本意是Web Inspector Remote，它是一種遠程調試工具:

        


        
1.它可以將遠程的頁面經過代理在PC上調試頁面元素、樣式，JS。

        


        
2.可以監聽頁面內部的Ajax請求等。

        


        
3.可以監聽頁面加載成功時候的Console控制臺輸出

        


        
官網首頁：http://people.apache.org/~pmuellr/weinre/docs/latest/

        


        
Weinre的原理

        


        


        


        
三個端的含義：客戶端(client)：本地的WebInspector，遠程調試客戶端。服務端(agent)：本地的HTTPServer，為目標頁面與客戶端建立通信。目標頁面(target)：被調試的頁面，頁面已嵌入weinre的遠程js。

        


        
調試過程：

        


        
客戶端將指令(請求DOM、執行js)post到代理服務端，目標頁面定時(大概5s)從服務端get指令，然后將結果post回服務端，最終客戶端定時從服務端get結果。

        


        
PS：由于Weinre的客戶端是基于Web Inspector開發，而Web Inspector只兼容WebKit核心的瀏覽器，所以只能在Chrome/Safari瀏覽器打開Weinre客戶端進行調試。

        


        


        
二、Weinre安裝和使用

        


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

        


        
npm -g install weinre

        
2.運行，啟動weinre服務器，默認端口8080

        


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

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

        
在windows下，系統防火墻可能會彈出是否允許其訪問網絡的提示，點擊充許即可。

        
3.從瀏覽器訪問,http://localhost:8080,或者，http://192.168.1.125:8080，顯示如下表示啟動服務器監視成功

        


        


        


        


        


        
三、Weinre需要監聽調試的Web頁面配置處理

        


        
1.在所有頁面引入js文件

        


        
2.特別說明，當前js文件的域名需要指定為本機的IP地址，因為在手機模擬器中無法訪問電腦‘localhost’

        


        


        


        


        


        


        


        


        


        
更多：

        


        
cordova-plugin-whitelist 協議白名單配置整理 

        


        
VS Code插件安裝位置

        


        
Visual Studio Code插件之Atom One Dark Syntax Theme

        


        
相關參考文章：

        


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

        


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

        
藍藍設計( www.xintaizi.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
        				
        
								
			
        
		
        
		
		
	
        


        
    
  
        
    
        日歷
        
    
        
        
        
        
    
        
  
        
    
    
        
      
        鏈接
        
      
          
                
        
    
        
    
        
      
        個人資料
        
      
        
          
        
                    
        
          
        藍藍設計的小編
          http://www.xintaizi.com
        
      
        
    
        
    
        
      
        存檔