手机端调试console.log，直接引入一个js文件

最新推荐文章于 2023-08-21 18:18:17 发布
最新推荐文章于 2023-08-21 18:18:17 发布
阅读量296 收藏
点赞数
分类专栏： 前端 文章标签： 手机端实现console.log 直接引入一个js文件
原文链接：https://www.mk2048.com/blog/blog.php?id=hhij0kbbhkib&title=%E6%89%8B%E6%9C%BA%E7%AB%AF%E8%B0%83%E8%AF%95console.log%EF%BC%8C%E7%9B%B4%E6%8E%A5%E5%BC%95%E5%85%A5%E4%B8%80%E4%B8%AAjs%E6%96%87%E4%BB%B6
版权

http://files.cnblogs.com/files/lwwen/mConsole.js

这是我写的一个原生js文件

直接引入即可，可以把html上面的需要打印的东西打印出来

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="Viewport" content="width=320,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<title>mConsole</title>
	<script type="text/javascript" src='mConsole.js'></script>
</head>
<body>
</body>
<script type="text/javascript">
mConsole('当一个文档完全下载到浏览器中时，才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的，也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利，因为无需考虑加载的次序')
mConsole('当一个文档完全下载到浏览器中时，才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的，也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利，因为无需考虑加载的次序')
</script>
</html>

 像这样

 引入js文件之后会出现一个按钮 这个按钮是透明的

利用这个按钮可以来让打印的文字是不是显示出来

 因为在手机上是调试不了代码的

 


更多专业前端知识，请上 【猿2048】www.mk2048.com
前端老码农
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js脚本，直接在console里面引入jquery并执行ajax,直接在控制台输出图片
weixin_42551921的博客
01-27 1520
var importJs=document.createElement('script')//在页面新建一个script标签 importJs.setAttribute("type","text/javascript")//给script标签增加type属性 importJs.setAttribute("src", 'https://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js') //给script标签增加src属性， url地址为cdn公共库里的 do
JavaScript调试之console.log调试的一个小技巧分享
10-19
日常开发中经常会需要console来查看当前对象的值。当然用debugger会更全面的查看，但是...下面这篇文章主要给大家分享了关于JavaScript调试之console.log调试的一个小技巧，需要的朋友可以参考借鉴，下面来一起看看吧。
如何在手机端运行HTML代码并查看console打印
UserGuan的博客
05-30 965
js引入方式(html中使用) <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script> <script>let vConsole = new VConsole();</script> npm引入方式(vue中使用) 第一步：安装 npm install vconsole 第二步：引入 import Vconsole from 'vconsol
利用Console来调试JS程序、Console用法总结
Jaybo
06-27 1万+
利用Console来调试JS程序、Console用法总结（1）一 、什么是 ConsoleConsole 是用于显示 JS和 DOM 对象信息的单独窗口。并且向 JS 中注入1个 console 对象，使用该对象 可以输出信息到 Console 窗口中。二 、什么浏览器支持 Console很多人可能都知道 Chrome 和 FireFox(FireBug)中都支持 Console。而其他浏览器都支
关于js种console的使用。
diantangmang7453的博客
01-19 72
作为一个新人，我在调试js的时候，比较习惯用alert()，把想查看的值，以弹窗的形式显示出来，如下图： 这段代码的意思是想将id为testtx的控件的value值从原来的123变为changetx。 这段代码运行的结果为 这个时候 可能就会想到function 是否被调用的问题，我之前可能就会这样调试代码： 会通过一堆 弹窗去查找错误的语句。 这段代码执行之...
浏览器控制台 console 引入 js 文件
Markix的博客
04-28 7611
比如：想使用 SockJs，则需要引入SockJS 的 js 文件 <script src="https://cdn.jsdelivr.net/npm/sockjs-client@1/dist/sockjs.min.js"></script> 在console中输入几行代码，完成js引入 var script = document.createElement('scrip...
JavaScript调试技巧之console.log()详解
10-23
对于JavaScript程序的调试，...，使用console.log()是一种更好的方式，原因在于：alert()函数会阻断JavaScript程序的执行，从而造成副作用；而console.log()仅在控制台中打印相关信息，因此不会造成类似的顾虑
从console.log说起(console.log详细介绍)
10-19
console.log，作为一个前端开发者，可能每天都会用它来分析调试，但这个简单函数背后不简单那一面,这篇文章就为大家介绍一下
JS中console的几种方法
热门推荐
11-06 1万+
console.log() 通常用来输出变量或字符串 var a = 'abc'; console.log(a) console.log('hello world!') console.dir() 将特定的js对象显示为可以交互的列表。在Chrome中打印dom元素时，两个方法输出的结果大不一样。console.log()会将dom元素以HTML的形式输出，而console.dir()则是以JSON对象的形式输出 console.debug()、 console.info()、 ..
如何在浏览器控制台（Console）中引入外部 JS
果光的博客
01-30 1万+
背景 在 JS 调试中需要使用外部函数 (例如 md5)，但是却不能在控制台中使用。 解决方案 例如加入以下 md5 所需 js： <script src="https://cdn.staticfile.org/blueimp-md5/2.12.0/js/md5.min.js"></script> 可在 Chrome Console 中输入： var script = ...
移动端调试神器——vconsole.js
08-07
我们在开发手机版网页的时候，常常会出现下面的情景： (1) 开发时，在自己电脑上运行得好好的，在手机上打开就挂了，但是手机上又看不到error log； (2) 上线后，某用户表示页面失灵，但我们自己又重现不出来，看不到用户侧的出错信息。 如果说(1)还可以通过电脑连接手机以查看log来解决，那(2)在没有完善的前端上报体系时就非常被动了。 作为开发者，我们的诉求很简单：有没有快捷的方法在手机前端页面看到log日志？ 答案是肯定的。 vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试面板。 你值得拥有~
控制台日志查看器-JS（JavaScript）「Console Log Viewer-JS (JavaScript) 」-crx插件
03-09
LogViewer增强了我们分析控制台日志的方式。它也会产生实时错误通知。 - 针对不同级别的日志（Error，Warning，Verbose和JSON） - 仅对JSON输出感兴趣的漂亮打印的用户使用JSON流 - 所有日志都印有时间戳。 - 实时错误通知和搜索能力 你可以在http://cloudhelpie.com上找到其他有用的开发工具 支持语言:English (United States)
vconsole手机端调试利器
08-27
导入以上js // 初始化 var vConsole = new VConsole(); 即可以使用
JavaScript-console：JavaScript控制台（Console）常用方法
最新发布
snowball的博客
08-21 2138
这是一个属性，并不是是函数，此属性是用来查看内存使用情况，如果我们使用过多的console.log()会占用大量的内存，导致浏览器出现卡死情况。这使得我们可以更容易地查看和比较数组中的对象。最后再次调用 console.count('apple') 时，输出 'apple: 1'，计数器值为 1。第一次调用 console.count('apple') 时，输出 'apple: 1'，计数器值为 1。第三次调用 console.count('apple') 时，输出 'apple: 2'，计数器值为 2。
JavaScript控制台console多种类型输出
我都博客
06-28 2376
console.log();对于前端开发人员来说再熟悉不过了，他可以输出很多我们想要的信息，但是在控制台的输出不仅仅是只有 console.log();，下面我要给大家分享的就是，控制台不同类型的输出信息，并举例说明常用几种输出类型。
js 控制台调试——console 对象【详解】
朝阳39的博客
03-31 3649
console对象是JavaScript的原生对象，用于与控制台窗口互动。 console.log() 用于在console窗口输出信息。 可接受多个参数，并将结果连接起来输出。 console.log("Hello World") // Hello World console.log("a","b","c") // a b c 每次输出的结尾自动添加换行符。 console.log(1); console.log(2); // 1 // 2 支持格式字符串 console.log('
九个让js调试更简单的Console命令
匪鉴
09-15 2140
今天我与大家分享一下关于console的一些知识，希望能对你有所帮助。 我们都知道，现在除了一些很老版本的浏览器，大多数浏览器都自带调试功能，即使没有调试功能，也可以通过安装插件来进行补充。在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台。通过调用该console对象的一系列函数，可以在控制台中打印相关信息。 console是可以接受任
【JS】chrome浏览器console控台引入外部js文件
zorke的博客
06-12 1万+
【博文已迁移，持续更新请关注：https://zorkelvll.cn/blogs/zorkelvll/articles/2018/11/17/1542461611996】 1、chrome浏览器console控台引入外部js文件如 <script src="https://cdn.jsdelivr.net/npm/sockjs-client@1/dist/sockjs.m...
Firebug Console API
01-07 4677
console.log(object[, object, ...])在控制台输出一条消息。如果有多个参数，输出时会用空格隔开这些参数。第一个参数可以是一个包含格式化占位符输出的字符串，例如：console.log("The %s jumped over %d tall buildings", animal, count);上面的例子可以用下面的无格式化占位符输出的代码替
console.log调试
08-16
console.log是JavaScript中的一个调试方法，用于在控制台输出信息。它接受一个或多个参数，并将它们打印到浏览器的控制台中。这对于调试代码以及查看变量的值非常有用。 例如，你可以使用console.log来输出一个简单...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值