浏览器控制台 console 引入 js 文件

╰+攻爆jí腚メ 2023-10-07 13:53 18阅读 0赞

比如：想使用 SockJs，则需要引入SockJS 的 js 文件  
`<script src="https://cdn.jsdelivr.net/npm/sockjs-client@1/dist/sockjs.min.js"></script>`

为了方便测试，想在浏览器console直接调试代码，自然需要引入js。

## 在console中输入几行代码，完成js引入 ##

var script = document.createElement('script');
    script.src = "https://cdn.jsdelivr.net/npm/sockjs-client@1/dist/sockjs.min.js";
    document.getElementsByTagName('head')[0].appendChild(script);

愉快使用

var sock = new SockJS('https://mydomain.com/my_prefix');
    
    sock.onopen = function() {
        
        console.log('open');
        sock.send('test');
    };
    sock.onmessage = function(e) {
        
        console.log('message', e);
    };
    sock.onclose = function(e) {
        
        console.log('close', e);
    };
    sock.onerror = function(e) {
        
        console.log('error', e);
    };
    
     //别忘了关闭
     //sock.close();

reference：  
[WebSocket API 文档][WebSocket API]  
[SockJS-client 文档][SockJS-client]

[WebSocket API]: https://developer.mozilla.org/zh-CN/docs/Web/API/WebSocket
[SockJS-client]: https://github.com/sockjs/sockjs-client#getting-started

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关浏览器控制台 console 引入 js 文件

比如：想使用 SockJs，则需要引入SockJS 的 js 文件 `<script src="https://cdn.jsdelivr.net/npm/sockjs-cl

╰+攻爆jí腚メ/ 2023年10月07日 13:53/ 0 赞/ 19 阅读

相关浏览器控制台报错js文件net::ERR_ ABORTED 404

今天引入了一个axios.min.js，路径绝对没问题。然后无论是重启idea，还是重新构建项目，都显示 ![在这里插入图片描述][2020110316303769.png

小鱼儿/ 2023年10月05日 13:08/ 0 赞/ 24 阅读

相关 node.js 控制台_使用Node.js console-png在控制台中显示图像

node.js 控制台 Introducing colors into the command line makes console reading much easier

╰+攻爆jí腚メ/ 2023年02月21日 14:30/ 0 赞/ 208 阅读

相关 js清空浏览器控制台信息

思路：主动清空控制台信息重写console.log（）方法，使其不执行输出打印方法一：clear（） console对象提供了clear方法

野性酷女/ 2023年02月13日 11:07/ 0 赞/ 32 阅读

相关浏览器控制台报错js文件net::ERR_ ABORTED 404

idea启动之后，生成了编译后文件target，这时再加入其他js文件，jsp文件里引用js文件路径未提示出错，运行项目，访问时，浏览器控制台报js文件net::ERR\_ A

港控/mmm°/ 2023年01月03日 09:16/ 0 赞/ 236 阅读

相关 JS_浏览器控制台console里复制json格式数据

1.先在控制台（console）里打印出来json格式类数据：console.log(jsonObj);或者在请求里找到数据接口，打开Preview 2.右键你需要复制的js

「爱情、让人受尽委屈。」/ 2022年11月16日 05:45/ 0 赞/ 1076 阅读

相关 es6 console 控制台

每个JavaScript开发人员都曾用到过`console.log("message")`这个方法。它提供了一个简单的调试控制台，类似于web浏览器提供的JavaScrip

不念不忘少年蓝@/ 2022年10月16日 07:37/ 0 赞/ 418 阅读

相关 Node.js中的控制台(console)

不知道是不是有很多人跟我一样，在JavaScript编程中，无论是要输出什么都是使用console.log方法，虽然这样也能满足大部分需求，但是使用控制台提供的其他方法可以更加

以你之姓@/ 2022年03月30日 13:23/ 0 赞/ 961 阅读

相关 console.js还有浏览器不支持？

今天看到项目中引入了一个插件，我超级惊讶 ![1037363-20190618144907912-1617305246.png][] 为什么引入console.js啊？

客官°小女子只卖身不卖艺/ 2021年12月03日 08:01/ 0 赞/ 366 阅读

相关浏览器控制台console个性化提示！

jQuery(document).ready(function($) { try { if (window.console &&

超、凢脫俗/ 2021年09月26日 05:24/ 0 赞/ 375 阅读