chrome库执行js取返回值是否有长度限制?

lacker

JS代码为
getBase64Image = function(){
                var img = document.querySelector('#validcodeCon > div > span > img')//document.querySelector("#lg img")
                img.setAttribute("crossOrigin",'Anonymous')//防跨域
                var canvas = document.createElement("canvas");
                canvas.width = img.width;
                canvas.height = img.height;
                var ctx = canvas.getContext("2d");
                ctx.drawImage(img, 0, 0,img.width,img.height);
                var dataURL = canvas.toDataURL("image/png");
                dataURL = dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
                alert(dataURL);//网页上可以正常弹出显示正确值
                return dataURL;//返回dataURL就会出错
                //return 'ok'//可以返回ok
        }               
        getBase64Image()

调用协议执行JS后获取返回的base64文本,会导致错误:

[11:11:59] 出错了Failed to execute "_recvData"
[11:11:59] 出错了Failed to execute "send/sendData"
[11:11:59] 已关闭连接

请问chrome库对JS返回值有没有长度限制?是不是接收的返回值超过长度时会导致ws里的某些接收机制出错?还是说返回的base64字符串里有特殊符号导致出错?

JacenHe

提供一下能运行测试，可以重现问题的代码，不要猜来猜去的。
每个帖子都要回复这句话，我哪有这么多的时间。

lacker

自行解决了.

lacker

发现一个问题,取百度首面的logo图片(图片比较大)时,第一次点击获取是成功的,再点一次,就出错了(Failed to execute "_recvData" 和 Failed to execute "send/sendData" ).
如果是hao123首页,取logo图片(图片比较小),不管点多少次都是成功的.
是否和图片的大小有关?

1. import win.ui;
   
2. /*DSG{{*/
   
3. var winform = win.form(text="aardio form";right=1108;bottom=618)
   
4. winform.add(
   
5. button={cls="button";text="启动chrome";left=28;top=468;right=108;bottom=501;z=2};
   
6. button2={cls="button";text="连接chrome";left=111;top=469;right=197;bottom=502;z=3};
   
7. button3={cls="button";text="执行JS取返回值";left=35;top=555;right=158;bottom=588;z=4};
   
8. button4={cls="button";text="打开指定网址";left=645;top=471;right=749;bottom=503;z=9};
   
9. editJsStr={cls="edit";left=12;top=209;right=1088;bottom=452;ah=1;aw=1;edge=1;hscroll=1;multiline=1;vscroll=1;z=5};
   
10. editLog={cls="edit";left=11;top=7;right=1090;bottom=205;ah=1;aw=1;edge=1;hscroll=1;multiline=1;vscroll=1;z=1};
    
11. editUrl={cls="edit";text="https://www.hao123.com/";left=271;top=474;right=639;bottom=500;edge=1;multiline=1;z=8};
    
12. picturebox={cls="picturebox";left=182;top=548;right=308;bottom=594;edge=1;z=6};
    
13. plus={cls="plus";left=325;top=552;right=442;bottom=594;border=1;z=7}
    
14. )
    
15. /*}}*/
    
16. 
    
17. winform.show();
    
18. 
    
19. import crypt.bin;
    
20. 
    
21. import process;
    
22. import console;
    
23. import web.socket.chrome;
    
24. var ws = web.socket.chrome();
    
25. 
    
26. var wsLinked = false;
    
27. 
    
28. import inet.whttp;
    
29. 
    
30. import web.rest.jsonLiteClient;
    
31. var http = web.rest.jsonLiteClient();
    
32. 
    
33. winform.editLog.limit = 100000;
    
34. 
    
35. winform.editJsStr.text = /*
    
36. getBase64Image = function(){
    
37.     //var img = document.querySelector('#indexLogo > a > img');//在hao123.com上是每次点击获取都没问题
    
38.         var img = document.querySelector('#lg img');//在百度上是第一次取成功,后面再取就出错了Failed to execute "_recvData" 和 Failed to execute "send/sendData"
    
39.         img.setAttribute("crossOrigin",'Anonymous');//防跨域
    
40.         var canvas = document.createElement("canvas");
    
41.         canvas.width = img.width;
    
42.         canvas.height = img.height;
    
43.         var ctx = canvas.getContext("2d");
    
44.         ctx.drawImage(img, 0, 0,img.width,img.height);
    
45.         var dataURL = canvas.toDataURL("image/png");
    
46.         var base64Str = dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
    
47.         //alert(base64Str);//此处可正常弹出
    
48.         return base64Str;//在百度上,第二次点,返回base64字符串会导致Failed to execute "_recvData" 和 Failed to execute "send/sendData"
    
49. }               
    
50. getBase64Image()
    
51. */
    
52. 
    
53. //获取chrome安装路径
    
54. import win.reg;
    
55. var reg = win.reg("HKLM\SOFTWARE\Microsoft\Windows\CurrentVersion\App Paths\chrome.exe")
    
56. var chromePath = reg.queryValue("");
    
57. 
    
58. var timeHead = function(){
    
59.         return "["++tostring(time(time(),"%H:%M:%S"))++"] ");
    
60. }
    
61. 
    
62. //打开连接触发的事件
    
63. ws.on("open",
    
64.     function(){
    
65.                 winform.editLog.log(timeHead(),"已连接上chrome",'\r\n')          
    
66.                 wsLinked = true;
    
67.                 win.delay(1000);
    
68. 
    
69.                 //监听chrome事件(这个服务端断开事件通知是自动就能接收的)
    
70.                 ws.on("Inspector.detached",function(param){
    
71.                         winform.editLog.log(timeHead(),"chrome已主动断开连接,原因："++param.reason,'\r\n');
    
72.                 })       
    
73.         }
    
74. )
    
75. 
    
76. ws.on("close",function(){
    
77.     wsLinked = false;
    
78.         winform.editLog.log(timeHead(),"已关闭连接",'\r\n')               
    
79. });
    
80. 
    
81. ws.on("error",function(err){
    
82.     wsLinked = false;
    
83.         winform.editLog.log(timeHead(),"出错了",err,'\r\n');
    
84. });  
    
85. 
    
86. //启动Chrome
    
87. winform.button.oncommand = function(id,event){
    
88.         var shellStr = ` https://www.baidu.com/  --disable-web-security  --user-data-dir="D:\baidudata" --disk-cache-dir="D:\baiducache" `
    
89.         process.execute(chromePath," --remote-debugging-port=9333" ++ shellStr ); //.execute
    
90.         win.delay(2000);
    
91.         winform.editLog.log(timeHead(),"请连接Chrome",'\r\n');//
    
92. }
    
93. 
    
94. //连接chrome
    
95. winform.button2.oncommand = function(id,event){
    
96.        
    
97.         var pages = http.get("http://127.0.0.1:" ++ 9333 ++ "/json");//localhost ,用127.0.0.1好点       
    
98.         if(pages && #pages){
    
99.                 wsPageUrl = pages[1].webSocketDebuggerUrl;       
    
100.                 ws.connect(wsPageUrl);
     
101.                 return true;               
     
102.         }
     
103. }
     
104. 
     
105. import console;
     
106. import string.base64;
     
107. 
     
108. //执行js并取返回值
     
109. winform.button3.oncommand = function(id,event){
     
110.    
     
111.     if(!wsLinked){
     
112.                    winform.editLog.log(timeHead(),"请连接Chrome",'\r\n');//
     
113.                    return ;        
     
114.     }
     
115.    
     
116.         var jsStr = winform.editJsStr.text;
     
117.         ws.Runtime.evaluate(
     
118.                 expression = jsStr;//加载完成会返回{"result":{"type":"string","value":"错误页-猪八戒网触屏版"}}
     
119.         ).end = function(jsonObj,err){
     
120.                
     
121.                 var str = web.json.stringify(jsonObj);//json对象转换为字符串
     
122.                 winform.editLog.log(timeHead(),"收到应答",string.unescape(str),'\r\n');//还原转义
     
123.                
     
124.                 if(jsonObj.result.value){
     
125.                        
     
126.                         var base64Str =jsonObj.result.value;//未解密
     
127.                         //base64Str = crypt.bin.decodeBase64(base64Str);//解密方法1
     
128.                         base64Str = string.base64.decode(base64Str)//解密方法2
     
129.                        
     
130.                         //console.log(timeHead(),"")
     
131.                        
     
132.                         //plus支持png
     
133.                         winform.plus.setForeground(base64Str)
     
134.                        
     
135.                         //picturebox不支持png,用画板中转数据
     
136.                         import gdip.bitmap;
     
137.                         var bmp = gdip.bitmap(base64Str)//图片文件路径或数据
     
138.                         winform.picturebox.setBitmap(bmp.copyHandle())//传址方式取过来
     
139.                                
     
140.                        
     
141.                 }else {
     
142.                         //console.log(timeHead(),"")
     
143.                        
     
144.                 }
     
145.                
     
146.                
     
147.                
     
148.         }
     
149. }
     
150. 
     
151. winform.button4.oncommand = function(id,event){
     
152.         if(!wsLinked){ winform.msgboxErr("请先ws连接","提示:");return;}
     
153.          
     
154.     //打开网页
     
155.     //winform.editLog.log(timeHead(),"发送请求",'\r\n');//,Page.navigate
     
156.         ws.Page.navigate(
     
157.                 url = winform.editUrl.text;
     
158.         ).end = function(result,err){
     
159.                 //winform.editLog.log(timeHead(),"收到应答",web.json.stringify(result),'\r\n')
     
160.         }
     
161. }
     
162. win.loopMessage();
     

复制代码

cad

发这种贴有个鸡儿意义

lacker

测试到解决办法:每次点击执行JS获取按钮前,重新连接chrome,这样每次都能正常取回了.

JacenHe

lacker 发表于 2017-12-14 22:59
测试到解决办法:每次点击执行JS获取按钮前,重新连接chrome,这样每次都能正常取回了.

这个问题可能是5e65反馈的那个BUG导致的，
在WebSocket的数据包足够大，用8位字节表示长度时，我写的代码有BUG导致数据包接收不完整，因为接收不完整，所以后面的数据包都乱了，所以你要重新连接。

该问题最新版本已修正。