UNPKG

2 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="zh-cn">
3
4<head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 <title>测试 | debugger</title>
9 <script src="./build/debug.console.min.js"></script>
10</head>
11
12<body>
13
14 <h2>
15 @yelloxing/debugger - 💯🎈 一个用于移动端的WEB调试工具。
16 </h2>
17 <p>
18 请点击右侧的调试按钮查看捕获结果！
19 </p>
20 <h4>Network测试</h4>
21 <ul>
22 <li onclick='doSend("get","package.json")'>[地址存在]点击发送get请求</li>
23 <li onclick='doSend("get","package2.json")'>[地址不存在]点击发送get请求</li>
24 <li onclick='doSend("post","package.json")'>点击发送post请求</li>
25 <li onclick='doSend("get","https://github.com/yelloxing/image2D")'>[网络的]点击发送get请求</li>
26 </ul>
27
28 <script>
29
30 /**
31 * console测试
32 */
33
34 console.log({ top: "146px", left: "915px" });
35 console.log(true);
36 console.log(window);
37
38 console.log(document.getElementsByTagName('meta')[0]);
39 console.log(document.getElementsByTagName('meta'));
40
41 console.log(document.getElementsByName('dd'));
42
43 var doit = function () {
44 console.log('hello world');
45 };
46 console.log(doit);
47
48
49 console.log('log');
50 console.info('info');
51 console.debug('debug');
52 console.warn('warn');
53 console.error('error');
54 console.trace('trace');
55 throw new Error('一个错误');
56
57 /**
58 * network测试
59 */
60 function doSend(methodName, url) {
61 //创建xhr对象
62 var xhr;
63 // if (window.XMLHttpRequest) {
64 xhr = new XMLHttpRequest();
65 // } else {
66 // xhr = new ActiveXObject('Microsoft.XMLHTTP');
67 // }
68
69 xhr.onreadystatechange = function () {
70 // console.log("network:", xhr);
71 };
72
73 //发送请求
74 xhr.open(methodName, url, false);
75 xhr.send({
76 "key": "value"
77 });
78
79 }
80
81 </script>
82</body>
83
84</html>
\No newline at end of file