chrome 扩展 调试

时间:2022-09-24 11:04:46

开发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输出。 你如何保存或导出?

8 Solutions collect form web for “将Chrome中的console.log保存到文件中”

我需要做同样的事情,这是我find的解决scheme:

  1. 使用标志从命令行启用日志logging :

    --enable-logging --v=1

    这会loggingChrome在内部执行的所有操作,但也会logging所有console.log()消息。 该日志文件称为chrome_debug.log ,位于User Data Directory 。

  2. 过滤使用CONSOLE(\d+)行的日志文件。

请注意,控制台日志不会与--incognito显示。

好消息

Chrome开发工具现在允许您将控制台输出本地保存到文件中

  1. 打开控制台
  2. 右键点击
  3. select“另存为..”

chrome 扩展 调试

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 扩展 调试的更多相关文章

  1. Postman 是一个非常棒的Chrome扩展,提供功能强大的API &amp&semi; HTTP 请求调试

    Postman 是一个非常棒的Chrome扩展,提供功能强大的API & HTTP 请求调试   需要FQ才能安装,使用时应该不用FQ了,除非使用postman的历史记录功能:   非常棒的C ...

  2. WebView 与PC机Chrome配合调试

    参考自http://www.cnblogs.com/terrylin/p/4606277.html 移动端WebView开发调试:Chrome远程调试 Chrome DevTools调试移动设备Bro ...

  3. chrome 远程调试&lpar;转&rpar;

    http://www.tuicool.com/articles/ZJfeAzi 由于 appspot.com被墙,一般调试不成功. 随着智能手机的普及,移动设备的浏览器功能越来越强大,我们用手机上网时 ...

  4. Chrome远程调试Android上Chrome的页面

    下载最新的google chrome canary 手机chrome开启usb网页调试,如图所示: 在终端运行 ? SHELL adb forward tcp:9222 localabstract:c ...

  5. 15个网页设计必备的Google Chrome 扩展

    2011年第一篇,翻译自freelancefolder的一篇文章.以下为译文内容: 最近,我将Google Chrome作为了我的主力浏览器,同时,将其作为我设计和开发网页的工具,尽管我还时常会去Fi ...

  6. Chrome浏览器扩展开发系列之一:初识Google Chrome扩展

    1.       Google Chrome扩展简介 Google Chrome扩展是一种软件,以增强Chrome浏览器的功能. Google Chrome扩展使用HTML.JavaScript.CS ...

  7. 如何在sublime&plus;chrome中调试php代码?

    1.搭建php本地运行环境具体点击如何使用phpstudy本地搭建多站点(每个站点对应不同的端口) 2.下载php_xdebug.dll, [5.3版以上的php下载地址]http://pecl.ph ...

  8. 如何开发一个chrome扩展

    chrome是一个不错的浏览器,web开发者工作中一般都会使用chrome做为默认浏览器,它有很多扩展,给浏览器补充了各种功能,增强了用户体验.chrome具体能干什么?怎么做出来的呢? chrome ...

  9. 【前端工具】Chrome 扩展程序的开发与发布 -- 手把手教你开发扩展程序

    关于 chrome 扩展的文章,很久之前也写过一篇.清除页面广告?身为前端,自己做一款简易的chrome扩展吧. 本篇文章重在分享一些制作扩展的过程中比较重要的知识及难点. 什么是 chrome 扩展 ...

随机推荐

  1. 360浏览器7&period;1抓触屏QQ空间包

  2. F12定义到元数据问题解决

    删除引用中的该dll,重新引用选择解决方案下的项目引用,下次F12就不会进入到元数据而是进入到源代码中方便调试

  3. poj 2195 Going Home

    /* 做网络流的题建图真的是太重要了! 本题是将人所在的位置和房子所在的位置建立边的联系,其中man到house这一条边的流量为 1, 费用为两者的距离 而方向边的流量为 0, 费用为正向边的相反数( ...

  4. DOCTYPE 中xhtml 1&period;0和 html 4&period;01区别分析

    前者相对于后者有以下特性: 1.所有的标记都都要闭合 所有的标记都要闭合,如果是单独不成对的标签,在标签最后加一个"/"来关闭它.例如: <h6>close tag & ...

  5. Java AOP &lpar;1&rpar; compile time weaving 【Java 切面编程 &lpar;1&rpar; 编译期织入】

    According to wikipedia  aspect-oriented programming (AOP) is a programming paradigm that aims to inc ...

  6. &lbrack;bzoj4881&rsqb;&lbrack;Lydsy2017年5月月赛&rsqb;线段游戏

    来自FallDream的博客,未经允许,请勿转载,谢谢. quailty和tangjz正在玩一个关于线段的游戏.在平面上有n条线段,编号依次为1到n.其中第i条线段的两端点坐标分别为(0,i)和(1, ...

  7. Win10 - MySQL 10061 错误

    Win10 - MySQL 10061 错误 报错内容为: Can't connect to MySQL server on localhost (10061) 参考 : MySQL问题记录--Can ...

  8. js 函数声明和函数表达式的区别

    javascript中声明函数的方法有两种:函数声明和函数表达式. 区别如下: 1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的. 2).以函数声明的方法定义的函数,函数 ...

  9. python学习第9-10天,函数。

    函数初识 为什么要使用函数? 函数最重要的目的是方便我们重复使用相同的一段程序. 将一些操作隶属于一个函数,以后你想实现相同的操作的时候,只用调用函数名就可以,而不需要重复敲所有的语句. 函数的定义与 ...

  10. flask第十篇——url&lowbar;for【3】

      继续url_for的知识点 # coding: utf-8 from flask import Flask, url_forimport flask app = Flask(__name__)   ...