使用debug.js调试手机网页

最新推荐文章于 2024-08-15 09:42:18 发布
最新推荐文章于 2024-08-15 09:42:18 发布
阅读量3.7k 收藏
点赞数
分类专栏： HTMl5 CSS3 HTML5自由者
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/html5_/article/details/46574809
版权

创作背景

手机网页兼容性与ie相比，有过之无不及，调试的时候，我们会使用console.log，但是手机上看不到打印出来的信息。所以只好各种alert，但alert总显得不那么优雅。

初学js的时候就alert，现在还在各种alert。而且alert后还要点击确定，如果循环alert，那就悲剧了，一直点确定吧，可能手机还因此搞死机了。

那么有没有一种显得更加优雅的方式去输出调试信息呢？

有的。使用debug.js就好了。

貌似看到过一次，有人在iPhone上打开了控制台，如果有人知道，请告诉我。

debug.js会把调试信息显示在网页上，很方便的就能看到。原理也十分简单，动态创建dom元素，然后append到页面中。

先睹为快

最低0.47元/天 解锁文章
一喵呜
关注
专栏目录
debug.js:JavaScript 调试器，由 JavaScript，用于 JavaScript
08-03
debug.js 是一个用于 Web 开发的嵌入式 JavaScript 调试器。 它允许您在没有 F12 工具的情况下轻松调试。 该库具有有用的功能，例如日志记录、DOM 元素检查器、屏幕测量、文件查看器、命令行、用于自动化测试的...
debugout.js
04-25
浏览器控制台信息输出到文件中 ，并下载保存到本地
如何调试 Android 手机网页
热门推荐
zhangxin09的专栏
10-13 3万+
兵马未动，粮草先行。安排好 debug 工作的道理也一样，调试的基本工作务必先于开发之前搞得好，不然后果很严重……！哈哈，这样的开场白太那个了……其实实不相瞒，俺的实际情况是，到项目后期才懂得那么一点页面调试手段，之前怎么弄……不怕见笑，还是 console.log/alert 几招，甚至几招都算不上，，好原始的说……嗯，少废话，来上货，，
`debug-js` 开源项目使用手册
最新发布
gitblog_00081的博客
08-15 394
debug-js 开源项目使用手册 debugdebug是一个简洁的JavaScript日志模块，允许通过条件语句控制不同模块的日志输出，方便在复杂应用中进行灵活的调试与日志管理。项目地址:https://gitcode.com/gh_mirrors/de/debug 一、项目目录结构及介绍 debug-js 是一个基于Node.js和web浏览器的轻量级调试工具，旨在简化JavaScript应...
【学习记录1】手机浏览器调试方法
wenhui的博客
01-24 1万+
首先你的电脑安装了nodejs，npm 安装方法很简单：百度nodejs（window系统），下载exe文件，下一步下一步就会安装成功 第一步：安装: npm install spy-debugger -g 第二步：手机和 PC 保持在同一网络下（比如同时连到一个Wi-Fi下） 第三步：命令行输入：spy-debugger 没有自动打开浏览器，就按命令行提示用浏览器打开相应地
移动端打印调试插件 - debug.js 介绍
weixin_34248258的博客
11-29 231
前文中我们学习过，用 Fiddler 作为代理可以在移动端打开本地的页面进行查看（如何用 fiddler 代理调试本地手机页面），但是对于 js 的调试却无能为力（需要借助其他调试手段，比如 UC浏览器开发者版），只能通过 alert 输出一些东西。 alert 的手段在一些简单的调试中还是蛮有效的，但是 alert 会将 js 线程挂起，而且会自动调用输出对象的 toString() 方法，这样...
debug.js
quding0308的博客
06-12 109
  debug使用：http://binnng.github.io/debug.js/demo/index.html   debug.log('primary!') debug.success("success"); debug.warn('warning!') debug.error("error"); debug.danger('dang...
debug.js:调试.js
07-03
调试.js 特征： 能够为要记录的内容设置前缀。 debug . setPrefix ( "XXX:" ) ; debug . log ( "hello world" ) ; // log "XXX:hello world" 能够禁用所有方法。 debug . disable ( ) ; debug . log ( "hello ...
flexible.debug.js flexible_css.debug.js
10-26
标题 "flexible.debug.js flexible_css.debug.js" 和描述 "flexible combo makegrid flexible.debug.js flexible_css.debug.js" 提供的信息表明，我们正在讨论一个前端开发相关的主题，涉及到两个关键文件：`...
webgl-debug.js
04-04
通常，"index.js"将使用"webgl-debug.js"来初始化和调试WebGL上下文，创建图形，并处理所有的绘制操作。"style.css"可能用于定制调试界面的外观，使其更易于阅读和理解。 总之，"webgl-debug.js"是WebGL开发中的一...
手机端debug工具
10-16
我们上线灰度环境测试手机app的时候，有时候不知道接口返回的数据，也不知道是不是我们操作的那样，所以我们需要一个跟pc端调试一样的debug工具，那么这个是你需要的
jspdf.debug.js
10-31
jspdf.debug.js
debugout.js:从您的日志生成文本文件
05-02
debugout.js （调试输出）会从您的日志中生成一个文本文件，可以对其进行搜索，添加时间戳，进行下载等。 Debugout的log()方法接受1个或多个任何类型的arg，包括函数。 Debugout不是一个猴子补丁，而是一个单独的日志记录类，您可以用来代替console 。 调试的一些要点： 获取整个日志，或在运行时或任何时间获取尾巴 将日志下载为文本文件 搜索并切片日志 可选的时间戳日志 还支持信息，警告和错误方法 在一处切换实时日志记录（console.log） （可选）将输出存储在window.localStorage并在每个会话中连续添加到同一日志中 （可选）将日志限制为最近的X行，以限制内存消耗 1.0的新功能 改进的日志记录（多个参数，更好的格式） 模块化 更多选择 经过开玩笑的​​测试 安装 在npm上： debugout.js 用法 用作console的替
移动端debug.js
01-09
debug.js会把调试信息显示在网页上，很方便的就能看到。原理也十分简单，动态创建dom元素，然后append到页面中。
手机端网页调试方案
Code-lover's Learning Notes
12-23 1565
（本文前身是技术分享的ppt，因此有些图直接是ppt导出的。画的图全是原创，转载请注明，谢谢。） 在手机端网页开发的特定阶段，需要查看手机端的界面、交互与体验。2011年时，开发时有很大麻烦： 相应的静态文件在测试服务器上，没有上线，需要绑定hosts 而手机端直接绑定hosts是需要越狱/root的有的手机浏览器根本不认hosts文件，如uc手机端的调试工具匮乏 断点调试、查看变
在手机真机上调试网页
weixin_63443072的博客
11-09 111
废话少说！上菜~腾讯开源前端插件 vconsole。
手机端召唤Debug
mango_love的专栏
10-16 1903
有时候我们在写手机端app或者微信端的业务，经常在调试或者测试的时候需要在手机端去操作，遇到问题如果是每次都需要alter出一个结果，那么每次的操作可能需要发布一次，这样需要花费大量的时间去收集信息。我们试想，如果我们在手机端跟在pc端一样debug是多么舒适的一件事情。 所以，vConsole 可以实现这样的功能 首先我们需要下载它，这里提供两种方式下载： gethub点击下载 CSDN...
使用jscript.debug.js进行JavaScript调试
本文将介绍一个简单的JavaScript调试包——jscript.debug.js，它包含两个实用函数，旨在提供方便的调试工具。 首先，jscript.debug.js 包含的第一个函数是 `jscript.debug.enumProps`。这个函数的作用是接收一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值