")+""}catch(e){b=" ["+d(t[p])+"]"}b&&("string"==typeof b?f.insertAdjacentHTML("beforeend",b):f.insertAdjacentElement("beforeend",b))}n.isObject(e.content)&&f.insertAdjacentElement("beforeend",e.content),r.default.one(".vc-log",this.$tabbox).insertAdjacentElement("beforeend",o),this.logNumber++,this.limitMaxLogs()}},{key:"getFoldedLine",value:function(e,t){var o=this;if(!t){var i=n.JSONStringify(e),a=i.substr(0,36);t=n.getObjName(e),i.length>36&&(a+="..."),t+=" "+a}var s=r.default.render(l.default,{outer:t,lineType:"obj"});return r.default.bind(r.default.one(".vc-fold-outer",s),"click",function(t){t.preventDefault(),t.stopPropagation(),r.default.hasClass(s,"vc-toggle")?(r.default.removeClass(s,"vc-toggle"),r.default.removeClass(r.default.one(".vc-fold-inner",s),"vc-toggle"),r.default.removeClass(r.default.one(".vc-fold-outer",s),"vc-toggle")):(r.default.addClass(s,"vc-toggle"),r.default.addClass(r.default.one(".vc-fold-inner",s),"vc-toggle"),r.default.addClass(r.default.one(".vc-fold-outer",s),"vc-toggle"));var i=r.default.one(".vc-fold-inner",s);return setTimeout(function(){if(0==i.children.length&&e){for(var t=n.getObjAllKeys(e),a=0;a
\n
'},function(e,t){e.exports='{{name}}'},function(e,t){e.exports='vConsole
\n \n
\n \n \n \n
\n\n
\n \n \n \n
'},function(e,t){e.exports='{{name}}'},function(e,t){e.exports='{{name}}'},function(e,t){e.exports='\n\t\n
'},function(e,t){e.exports='\n {{if (lineType == \'obj\')}}\n {{outer}}\n \n {{else if (lineType == \'value\')}}\n {{value}}\n {{else if (lineType == \'kv\')}}\n {{key}}: {{value}}\n {{/if}}\n
'},function(e,t){e.exports='\n {{key}}: {{value}}\n'},function(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__,factory;factory=function(_exports,_query,tool,_log,_tabbox_default,_item_code){"use strict";function _interopRequireWildcard(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var n=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,o):{};n.get||n.set?Object.defineProperty(t,o,n):t[o]=e[o]}return t.default=e,t}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var o=0;o\n \n \n
'},function(e,t){e.exports='{{content}}'},function(e,t,o){var n,r,i;r=[t,o(3),o(25)],void 0===(i="function"==typeof(n=function(o,n,r){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(e,t){for(var o=0;o\n \n
'},function(e,t){e.exports='- \n
- Name {{if (count > 0)}}({{count}}){{/if}} \n
- Method \n
- Status \n
- Time \n
\n
'},function(e,t,o){var n,r,i;r=[t,o(31),o(2),o(33),o(34),o(0),o(1)],void 0===(i="function"==typeof(n=function(o,n,r,i,a,l,c){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function d(e){return(d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){for(var o=0;o- \n
- {{url}} \n
- {{method}} \n
- {{status}} \n
- {{costTime}} \n
\n {{if (header !== null)}}\n
\n\n
\n {{/if}}\n {{if (getData !== null)}}\n - \n
- Headers \n
\n
\n {{/for}}\n {{key}}
\n {{header[key]}}
\n \n
\n {{/if}}\n {{if (postData !== null)}}\n - \n
- Query String Parameters \n
\n
\n {{/for}}\n {{key}}
\n {{getData[key]}}
\n \n
\n {{/if}}\n - \n
- Form Data \n
\n
\n {{/for}}\n {{key}}
\n {{postData[key]}}
\n \n
\n - \n
- Response \n
\n
\n {{response || \'\'}}\n \n \n
'},function(e,t,o){var n,r,i;r=[t,o(35),o(36),o(0),o(1)],void 0===(i="function"==typeof(n=function(o,n,r,i,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}function c(e,t){for(var o=0;o\n
'}])});
--------------------------------------------------------------------------------
/expand/core/webViewExpand.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 必须是 安卓5 及其以上版本使用
3 | * webView功能扩展:
4 | * 1 启动时注入脚本。 webView.loadUrl 加载的脚本，必须是： 1、以 ; 结尾； 2、不能用 // 注释 （这里不使用，安卓必须是4.4以上版本才能用）
5 | * 2 webview输出到autojs控制台
6 | * 3 支持渲染markdown文件
7 | * 4 支持jsBridge，H5端调用安卓端autojs方法
8 | * 5 支持inent url打开app
9 | * 6 支持vconsole
10 | */
11 |
12 | requiresApi(21);
13 | let bridgeHandler = require(files.cwd() + "/expand/handler/bridgeHandler.js");
14 | let webErrorHandler = require(files.cwd() + "/expand/handler/webErrorHandler.js");
15 | let jsBridge = files.read("expand/core/jsBridge.ts");
16 | // let vConsole = files.read("expand/core/vConsole.ts");
17 | let vConsole = files.read("expand/core/vconsole.min.ts");
18 |
19 | // 开启debug模式，需要在电脑浏览器上访问 chrome://inspect/#devices
20 | android.webkit.WebView.setWebContentsDebuggingEnabled(true);
21 |
22 | /**
23 | * 初始化，支持页面加载完时注入脚本
24 | * @param {*} webViewWidget webView控件
25 | * @param {*} jsFileList 待注入的多个js文件路径，数组格式
26 | * @param {*} supportVConsole 是否支持VConsole
27 | */
28 | function init(webViewWidget, jsFileList, supportVConsole) {
29 | console.assert(webViewWidget != null, "webView控件为空");
30 | webViewWidget.webViewClient = new JavaAdapter(android.webkit.WebViewClient, {
31 | onPageFinished: (webView, curUrl)=>{
32 | console.log('页面加载完成');
33 | try {
34 | if (supportVConsole) {
35 | callJavaScript(webView, vConsole + ";const vconsole = new VConsole();", null);
36 | }
37 | // 注入 jsBridge
38 | callJavaScript(webView, jsBridge, null);
39 | if (jsFileList instanceof Array) {
40 | jsFileList.forEach((file, index) => {
41 | try {
42 | let js = files.read(file);
43 | callJavaScript(webView, js, (val) => {
44 | // console.log("脚本注入成功: " + file);
45 | });
46 | } catch (e) {
47 | toastLog("脚本注入失败: " + file);
48 | console.trace(e);
49 | }
50 | });
51 | }
52 | } catch(e) {
53 | console.trace(e)
54 | }
55 | },
56 | shouldOverrideUrlLoading: (webView, request) => {
57 | let url = '';
58 | try {
59 | url = (request.a && request.a.a) || (request.url);
60 | if (url instanceof android.net.Uri) {
61 | url = url.toString();
62 | }
63 | if (url.startsWith("jsbridge://")) {
64 | let uris = url.split("/");
65 | let cmd = uris[2];
66 | let callId = uris[3];
67 | let params = java.net.URLDecoder.decode(uris[4], "UTF-8");
68 | console.log('AutoJs处理JavaScript调用请求: callId=%s, cmd=%s, params=%s', callId, cmd, params);
69 | let result = null;
70 | try {
71 | result = bridgeHandler.handle(cmd, JSON.parse(params));
72 | } catch(e) {
73 | console.trace(e);
74 | result = {message: e.message};
75 | }
76 | result = result || {};
77 | webView.loadUrl("javascript:window.Android.callback({'callId':" + callId + ", 'params': " + JSON.stringify(result) + "});");
78 | } else if (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("file://") || url.startsWith("ws://") || url.startsWith("wss://")) {
79 | webView.loadUrl(url);
80 | } else {
81 | confirm("允许网页打开APP？").then(value=>{
82 | //当点击确定后会执行这里, value为true或false, 表示点击"确定"或"取消"
83 | if (value) {
84 | importPackage(android.net);
85 | let uri = Uri.parse(url);
86 | app.startActivity(new Intent(Intent.ACTION_VIEW).setData(uri).addFlags(Intent.FLAG_ACTIVITY_SINGLE_TOP));
87 | }
88 | });
89 | }
90 | // 返回true代表自定义处理，返回false代表触发webview加载
91 | return true;
92 | } catch(e) {
93 | if (e.javaException instanceof android.content.ActivityNotFoundException) {
94 | webView.loadUrl(url);
95 | } else {
96 | console.trace(e);
97 | toastLog('无法打开URL: ' + url);
98 | }
99 | }
100 | },
101 | // shouldInterceptRequest: (webView, request) => {
102 | // try {
103 | // let uris = request.a.a.split("/");
104 | // if (uris[2] == "jsbridge") {
105 | // let cmd = uris[3];
106 | // let params = java.net.URLDecoder.decode(uris[4], "UTF-8");
107 | // return handleJsBridge(cmd, params);
108 | // }
109 | // } catch (e) {
110 | // console.trace(e);
111 | // }
112 | // },
113 | onReceivedError: (webView, webResourceRequest , webResourceError ) => {
114 | let url = webResourceRequest.getUrl();
115 | let errorCode = webResourceError.getErrorCode();
116 | let description = webResourceError.getDescription();
117 | console.trace(errorCode + " " + description + " " + url);
118 | if (webErrorHandler) {
119 | let handleFile = webErrorHandler[errorCode];
120 | log(handleFile)
121 | if (handleFile) {
122 | loadLocalFile(webView, handleFile);
123 | }
124 | }
125 | }
126 | });
127 | webViewWidget.webChromeClient = new JavaAdapter(android.webkit.WebChromeClient, {
128 | onConsoleMessage: (msg) => {
129 | console.log("[%s:%s]: %s", msg.sourceId(), msg.lineNumber(), msg.message());
130 | }
131 | });
132 | }
133 |
134 | /**
135 | * JavaScript bridge 请求处理
136 | * @returns android.webkit.WebResourceResponse
137 | */
138 | // function handleJsBridge(cmd, params) {
139 | // let data = null;
140 | // try {
141 | // data = bridgeHandler.handle(cmd, JSON.parse(params));
142 | // } catch(e) {
143 | // data = {message: e.message};
144 | // }
145 | // data = JSON.stringify(data || {});
146 | // let bytes = new java.lang.String(data.toString()).getBytes();
147 | // let response = new android.webkit.WebResourceResponse("application/json", "utf-8", new java.io.ByteArrayInputStream(bytes));
148 | // let headers = new java.util.HashMap();
149 | // // 设置允许跨域
150 | // headers.put("Access-Control-Allow-Origin", "*");
151 | // headers.put("Access-Control-Allow-Methods", "*");
152 | // headers.put("Access-Control-Allow-Headers", "*");
153 | // response.setResponseHeaders(headers);
154 | // return response;
155 | // }
156 |
157 | /**
158 | * 渲染markdown文件
159 | * @param {*} webViewWidget webView控件
160 | * @param {*} markdownFile 本地markdown文件的绝对路径
161 | */
162 | function showMarkdown(webViewWidget, markdownFile) {
163 | console.assert(webViewWidget != null, "webView控件为空");
164 | let markdownLib = files.cwd() + "/res/js/marked.min.js";
165 | let markdownStr = files.read(markdownFile, encoding = "utf-8");
166 | markdownStr = markdownStr.replace("\r", "\n\n");
167 | let unencodedHtml = new java.lang.String(
168 | "\r" +
169 | "\r" +
170 | "\r" +
171 | "\r" +
172 | "\r" +
173 | "\r" +
174 | "\r" +
175 | " \r" +
176 | " \r" +
180 | "\r" +
181 | "");
182 | let encodedHtml = java.util.Base64.getEncoder().encodeToString(unencodedHtml.getBytes());
183 | webViewWidget.loadData(encodedHtml, "text/html", "base64");
184 | }
185 | /**
186 | * 加载本地文件
187 | * @param {*} webViewWidget
188 | * @param {*} filePath
189 | */
190 | function loadLocalFile(webViewWidget, filePath) {
191 | try {
192 | console.assert(webViewWidget != null, "webView控件为空");
193 | console.assert(filePath != null, "本地文件为空");
194 | let path = filePath;
195 | if (!filePath.startsWith("/")) {
196 | // 相对路径
197 | path = files.cwd() + "/" + filePath;
198 | }
199 | webViewWidget.loadUrl(path);
200 | } catch (e) {
201 | console.error("加载本地文件失败");
202 | console.trace(e);
203 | }
204 | }
205 |
206 | /**
207 | * 执行html脚本
208 | * @param {*} webViewWidget
209 | * @param {*} script
210 | * @param {*} callback
211 | */
212 | function callJavaScript(webViewWidget, script, callback) {
213 | try {
214 | console.assert(webViewWidget != null, "webView控件为空");
215 | webViewWidget.evaluateJavascript("javascript:" + script, new JavaAdapter(android.webkit.ValueCallback, {
216 | onReceiveValue: (val) => {
217 | if (callback) {
218 | callback(val);
219 | }
220 | }
221 | }));
222 | } catch (e) {
223 | console.error("执行JavaScript失败");
224 | console.trace(e);
225 | }
226 | }
227 |
228 | module.exports = {
229 | init: init,
230 | showMarkdown: showMarkdown,
231 | callJavaScript: callJavaScript
232 | }
--------------------------------------------------------------------------------
/expand/handler/bridgeHandler.js:
--------------------------------------------------------------------------------
1 | /** jsBridge交互处理逻辑实现 */
2 | module.exports = {
3 | handle: handle,
4 | // 注册被调用方法，名称命名： cmd
5 | toast: toastAction
6 | }
7 | /**
8 | * 命令调度入口
9 | * @param {命令} cmd
10 | * @param {参数} params
11 | */
12 | function handle(cmd, params) {
13 | console.log('bridgeHandler处理 cmd=%s, params=%s', cmd, JSON.stringify(params));
14 | // 调度方法命名
15 | let fun = this[cmd];
16 | if (!fun) {
17 | throw new Error("cmd= " + cmd + " 没有定义实现");
18 | }
19 | let ret = fun(params)
20 | log(ret)
21 | return fun(params);
22 | }
23 |
24 | /**
25 | * 处理逻辑例子： toast 提示
26 | */
27 | function toastAction(params) {
28 | toast(params.msg);
29 | return {msg: 'toast提示成功'};
30 | }
31 |
--------------------------------------------------------------------------------
/expand/handler/webErrorHandler.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 网页错误跳转指定页面
3 | * 根据错误状态码，自动跳转到地址
4 | */
5 | module.exports = {
6 | }
--------------------------------------------------------------------------------
/expand/inject/demo.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * 注入脚本
3 | * 时间： 页面加载完后
4 | * 注意：
5 | * 注入脚本的文件，不能是js后缀文件，autojs打包时会进行加密，导致不能用。
6 | * 使用：
7 | * window.Android.invoke([安卓端方法], [方法入参，json格式], [回调函数，返回值格式是json对象])
8 | * 具体参数的数据结构，由接口开发自行定义
9 | */
10 |
11 | window.Android.invoke('toast',
12 | {msg: '测试jsBridge1'},
13 | (data) => {
14 | console.log('接收到callback1:' + JSON.stringify(data));
15 | }
16 | );
17 |
18 | window.Android.invoke('toast',
19 | {msg: '测试jsBridge2'},
20 | (data) => {
21 | console.log('接收到callback2:' + JSON.stringify(data));
22 | }
23 | );
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | - \n
- Name \n
- Value \n
- \n
- {{list[i].name}} \n
- {{list[i].value}} \n
54 |
55 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
157 |
158 |
159 |
--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
1 | "ui";
2 | var color = "#009688";
3 | ui.layout(
4 |
56 |
57 |
58 | ![]()
59 |
60 |
61 |
62 |
63 |
64 |
67 |
68 | 运费：{{ goods.express }}
69 | 剩余：{{ goods.remain }}
70 |
71 |
72 |
73 |
74 |
75 |
76 | 有赞的店
77 | 官方
78 |
79 |
80 |
82 |
83 |
84 |
85 | 客服
86 |
87 |
88 | 购物车
89 |
90 |
91 | 加入购物车
92 |
93 |
94 | 立即购买
95 |
96 |
97 |
98 | {{ goods.title }}
65 | {{ formatPrice(goods.price) }}
66 |