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 |
|
62 | var xhr;
|
63 |
|
64 | xhr = new XMLHttpRequest();
|
65 |
|
66 |
|
67 |
|
68 |
|
69 | xhr.onreadystatechange = function () {
|
70 |
|
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 |