chrome 扩展 调试
开发chrome扩展,有时候需要输出console.log
通常调试的popup.html.content_script.backgroup.html等
但是有一些是没有这些的
1、推荐一个扩展:
https://chrome.google.com/webstore/detail/socketlog/apkmbfpihjhongonfcgdagliaglghcod/related
git网站:
https://github.com/luofei614/SocketLog
2、
将CHROME中的CONSOLE.LOG保存到文件中
有谁知道一种方法来保存在Chrome中的console.log输出到文件? 或者如何将文本复制出控制台?
假设您正在运行几个小时的functiontesting,并且您在Chrome中获得了数千行console.log输出。 你如何保存或导出?
- 为什么Chrome 10和Internet Explorer 8中的内联“背景图片”风格不起作用?
- 如何删除文本/input框周围的边框(大纲)? (Chrome)
- 使用谷歌Chrome沙盒
- Chrome和Firefox中的Javascript中报告了隐藏的“脚本错误”
- X-Frame-Options:允许从Firefox和铬
- Chrome与Safari和Firefox呈现颜色不同
- Chrome中的“Uncaught TypeError:非法调用”
- Chrome与Safari和Firefox呈现颜色不同
- 如何重置/删除铬的input突出显示/焦点边界?
- Chrome 5上的浮点数HTML 5 input type =“number”元素
- Chrome控制台显示“导航到http:// localhost ...”
- 我可以在Chrome中清除Web应用程序吗?
- Chrome:发布数据的来源?
- 如何删除文本/input框周围的边框(大纲)? (Chrome)
8 Solutions collect form web for “将Chrome中的console.log保存到文件中”
我需要做同样的事情,这是我find的解决scheme:
使用标志从命令行启用日志logging :
--enable-logging --v=1
这会loggingChrome在内部执行的所有操作,但也会logging所有
console.log()
消息。 该日志文件称为chrome_debug.log
,位于User Data Directory
。过滤使用
CONSOLE(\d+)
行的日志文件。
请注意,控制台日志不会与--incognito
显示。
好消息
Chrome开发工具现在允许您将控制台输出本地保存到文件中
- 打开控制台
- 右键点击
- select“另存为..”
Chrome开发者指示在这里 。
有一个开源的JavaScript插件可以做到这一点,但任何浏览器 – debugout.js
Debugout.jslogging并保存console.log,以便应用程序可以访问它们。 完全披露,我写了。 它适当地格式化不同的types,可以处理嵌套对象和数组,并且可以select在每个日志旁边放一个时间戳。 您也可以在一个位置切换实时logging,而不必删除所有日志logging。
这可能会也可能不会有帮助,但是在Windows上,您可以使用Windows事件跟踪来读取控制台日志
http://msdn.microsoft.com/en-us/library/ms751538.aspx
我们的集成testing是在.NET中运行的,所以我使用这种方法将控制台日志添加到我们的testing输出中。 我做了一个示例控制台项目来演示: https : //github.com/jkells/chrome-trace
–enable-logging –v = 1似乎不适用于最新版本的Chrome。
还有另一个开源工具,它允许你保存所有的console.log
输出到你的服务器上的一个文件 – JS LogFlush (plug!)。
JS LogFlush是一个集成的JavaScript日志解决scheme,其中包括:
- 跨浏览器UI无需更换console.log – 在客户端。
- 日志存储系统 – 在服务器端。
演示
如果您在本地主机上运行Apache服务器,则还可以将结果发布到脚本,而不是写入控制台。
所以,而不是console.log
,你可以写:
JSONP('http://localhost/save.php', {fn: 'filename.txt', data: json});
然后save.php
可以做到这一点
<?php $fn = $_REQUEST['fn']; $data = $_REQUEST['data']; file_put_contents("path/$fn", $data);
很多很好的答案,但为什么不只是使用JSON.stringify(your_variable)? 然后通过复制和粘贴(删除外部引号)的内容。 我也发布了相同的答案: 如何将一个console.log(对象)的输出保存到一个文件?
为了更好的日志文件(没有Chromedebugging废话)使用:
--enable-logging --log-level=0
而不是--v=1
,这只是太多的信息。
它仍然会提供您通常在Chrome控制台中看到的错误和警告。
转自: http://www.dovov.com/chromeconsole-log.html
chrome 扩展 调试的更多相关文章
- Postman 是一个非常棒的Chrome扩展,提供功能强大的API & HTTP 请求调试
Postman 是一个非常棒的Chrome扩展,提供功能强大的API & HTTP 请求调试 需要FQ才能安装,使用时应该不用FQ了,除非使用postman的历史记录功能: 非常棒的C ...
- 在半小时内从无到有开发并调试一款Chrome扩展(Chrome插件/谷歌浏览器插件)
原文转载自「刘悦的技术博客」https://v3u.cn/a_id_120 就在不久之前,我们目前这个毕业班的班长那日同学和我说,他正在公司开发Chrome扩展,看起来很高大上的技术,实际开发却非常简 ...
- WebView 与PC机Chrome配合调试
参考自http://www.cnblogs.com/terrylin/p/4606277.html 移动端WebView开发调试:Chrome远程调试 Chrome DevTools调试移动设备Bro ...
- chrome 远程调试(转)
http://www.tuicool.com/articles/ZJfeAzi 由于 appspot.com被墙,一般调试不成功. 随着智能手机的普及,移动设备的浏览器功能越来越强大,我们用手机上网时 ...
- Chrome远程调试Android上Chrome的页面
下载最新的google chrome canary 手机chrome开启usb网页调试,如图所示: 在终端运行 ? SHELL adb forward tcp:9222 localabstract:c ...
- 15个网页设计必备的Google Chrome 扩展
2011年第一篇,翻译自freelancefolder的一篇文章.以下为译文内容: 最近,我将Google Chrome作为了我的主力浏览器,同时,将其作为我设计和开发网页的工具,尽管我还时常会去Fi ...
- Chrome浏览器扩展开发系列之一:初识Google Chrome扩展
1. Google Chrome扩展简介 Google Chrome扩展是一种软件,以增强Chrome浏览器的功能. Google Chrome扩展使用HTML.JavaScript.CS ...
- 如何在sublime+chrome中调试php代码?
1.搭建php本地运行环境具体点击如何使用phpstudy本地搭建多站点(每个站点对应不同的端口) 2.下载php_xdebug.dll, [5.3版以上的php下载地址]http://pecl.ph ...
- 如何开发一个chrome扩展
chrome是一个不错的浏览器,web开发者工作中一般都会使用chrome做为默认浏览器,它有很多扩展,给浏览器补充了各种功能,增强了用户体验.chrome具体能干什么?怎么做出来的呢? chrome ...
随机推荐
- JVM总结-Java 虚拟机是怎么识别目标方法(上)
重载与重写 在 Java 程序里,如果同一个类中出现多个名字相同,并且参数类型相同的方法,那么它无法通过编译.也就是说,在正常情况下,如果我们想要在同一个类中定义名字相同的方法,那么它们的参数类型必须 ...
- WPF Stake
WPF中的StackPanel.WrapPanel.DockPanel 转:http://blog.sina.com.cn/s/blog_6c81891701017a34.html StackPane ...
- Laravel-初体验笔记
一直想学Laravel却动不了手,刚好需要研究一个workflow之类的功能,有个Laravel项目一个登陆就把我搞晕,看Laravel文档看的也不能看进去,直接新建个Laravel仿一个,动手搞起来 ...
- [转]ORA-12560: TNS: 协议适配器错误
转自:http://worms.blog.51cto.com/969144/1293265 Sqlplus 登陆oracle时报错ORA-12560:TNS: 协议适配器错误 如下:C:\Users\ ...
- 7.adb安装
adb的全称为Android Debug Bridge,中文名“调试桥”顾名思义adb命令是调试手机中应用的一种方法,而且作为Android SDK中的工具,其功能非常强大,用这个命令行工具可以直接操 ...
- SVG:中国地图
中国地图 <svg height="578" version="1.1" width="718" xmlns="http:/ ...
- 《算法》第四章部分程序 part 5
▶ 书中第四章部分程序,加上自己补充的代码,图的深度优先遍历 ● 无向图的广度优先遍历,有向 / 无向图代码仅若干方法名不同 package package01; import edu.princet ...
- nginx配置开机启动及配置sudo授权启动
1.https://www.cnblogs.com/whatmiss/p/7091220.html 配置开机启动nginx 2.sudo授权其它用户启动 (1)root用户编辑 visu ...
- <基础> PHP 运算符 流程控制
PHP运算符优先级: 递增/递减 (++ / --) > 算术运算符(+ .- .* ./) > 大小比较 > 逻辑与 (&)> 逻辑或(||) > 三目 > ...
- Appium-We wanted {"required":["value"]} and you sent ["text","sessionId","id","value"]
APK 链接:https://pan.baidu.com/s/17oeTM1qA0QjPBqLh6pS0Yg 提取码:s9ru # coding:utf-8from appium import web ...