开发chrome 插件， background.js中 console log 看不到解决方法

最新推荐文章于 2025-03-24 18:18:57 发布

diaoshandun0123

最新推荐文章于 2025-03-24 18:18:57 发布

阅读量3.6k

点赞数

原文链接：http://www.cnblogs.com/lonkiss/p/4118455.html

版权

http://stackoverflow.com/questions/10257301/where-to-read-console-messages-from-background-js-in-a-chrome-extension

转载于:https://www.cnblogs.com/lonkiss/p/4118455.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

diaoshandun0123

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

chrome插件：content.js、background.js, options.js, popup.js之间的通信

彭世瑜的博客

09-06

2469

background.js 定义接收函数。

开发Chrome插件，background.js中log打印未出现在控制台

owo_ovo的博客

02-22

1803

开发Chrome插件，background.js中log打印未出现在控制台

参与评论您还未登录，请先登录后发表或查看评论

content_script.js、background.js和popup.js之间的通讯

成长的点滴

11-28

1218

content_script.js、background.js和popup.js之间的通讯

Chrome浏览器使用Console调试(一)

zeromike

10-09

7824

个人翻译能力有限,凑活着看吧,原链接 https://developers.google.com/web/tools/javascript/console/ 这次先翻译了前两节(浏览控制台/诊断和打日志到控制台),后三节会陆续翻译使用控制台当一个页面在浏览器中的时候，控制台允许使用标准的JavaScript语句和控...

冷知识，Chrome 控制台console.log()为什么返回undefined

专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。

02-24

1万+

综合上面三个例子，我们是不是对Chrome 控制台执行为啥输出undefined做出解释！本身并不返回任何值，在Chrome中，console.log() 是由开发工具的 Console 面板实现的。当代码中调用 console.log() 时，实际上是将输出内容传递给了 Console 面板，由它来负责显示。所以当我们在控制台使用时，它只是简单地将我们指定的信息打印到控制台上，而不会返回任何实际的值。因此，返回undefined是因为它本身没有返回值。

你所不知道的谷歌浏览器 console.log打印技巧

半夏_2021的博客

04-25

9103

相信绝大部分的前端开发使用的是Chrome进行开发的，一方面Chrome浏览器确实做的好，更重要的是一方面是因为Chrome有一个非常强大的调试工具，用好这个调试工具可以提高编程效率，帮助我们快速定位问题。

chrome插件开发之API解析-chrome.tabs.query

最新发布

oschina_41559824的博客

03-24

627

初始环境：chrome浏览器我是打开了4个窗口，是一个功能强大的Chrome扩展API，通过合理使用queryInfo参数的各个属性，可以方便地筛选出符合不同条件的标签页，满足各种扩展开发的需求。开发者可以根据具体的业务场景灵活组合使用这些参数，实现更加丰富和实用的扩展功能。希望本文对你理解和使用有所帮助，如果你在开发过程中遇到任何问题，欢迎留言讨论。

使用CRXjs、Vite、Vue 开发 Chrome 多页面插件，手动配置 vite.config.ts 和 manifest.json 文件

guoqkmiss的博客

03-29

2572

使用 crxjs vite vue 开发 Chrome 多页面插件

chrome调试 console.log 技巧

changpnazzp的专栏

08-07

696

相信从事前端开发的您，一定不会陌生这款和firebug同样强大的Chrome dev tools，它让所有的代码调试都变得如此可爱。 1. 3D Text: console.log('%c小傻逼,~mua~mua~~', 'background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f2...

chrome console.log 不输出打印信息解决办法

qq_38307618的博客

02-22

1万+

把group similar勾选上即可，具体原因不明。

谷歌浏览器插件content_scripts、background、popup通信

qq_25919495的博客

05-25

1万+

前期页面准备 manifest.json| content_scripts : 浏览器里面使用的,和页面共享DOM,不共享JS content-scripts不能访问绝大部分chrome.xxx.api，除了下面这4种： chrome.extension(getURL , inIncognitoContext , lastError , onRequest , sendRequest) chrome.i18n chrome.runtime(connect , getManifest , ge.

【已解决】Chrome（electron）中，控制台突然不显示console.log("")的解决办法。

热门推荐

黑夜的风的博客

02-05

2万+

1、情景还原我刚刚遇到这个问题：渲染进程的console.log("");突然不显示。右上角提示：而当前的屏蔽levels是default，可以排除这个原因。 2、解决方法点击：即可解决！参考地址：https://stackoverflow.com/questions/45281580 ...

JS_console.log()的进阶使用_console打印控制台样式_编码图案

小歪博客

09-14

3028

1. 基本语法： console.log(object [, object, …]) 2. 占位符: console上述的集中度支持printf的占位符格式，支持的占位符有：字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）: 占位符作用 %s 字符串 %d or %i 整数 %f 浮点数 %o 可展开的DOM %O 列出DOM的属性 %c 根据提供的css样式格式化字符串图片输出 console.log("%c","background:url

控制台输出console.log()的用法

qq_zxt的博客

04-15

2万+

用console.log代替alert和document.write，工作会变得轻松。用console.log在控制台展开对象查看具体信息，可以直接看到对象信息，而不会显示[object Object]令我们一头雾水。 console里面具体有哪些方法：此时可以看到上图有log,info,error,warn,debug方法: 1.console.log用于输出普通信息 2.co

Chrome extension 中，在background中执行其他页面的方法

friping的专栏

12-31

1387

Chrome extension 中，我们可以在主页面中（以main.html为例）利用以下代码来调用background.html 中定义的方法： chrome.extension.getBackgroundPage().test(); 其中test方法是在background.html中定义的。如： <html> <head> ...

使用Chrome浏览器时，console.log()语句无效的问题

我本浪人--游吟世间

10-23

2373

最近使用Chrome浏览器执行console.log()语句时，无法输出。在网上大概看了下解决方法：按下图：将过滤器取消；Default levels选择Default;问题就可以解决了。 ...

chrome插件在background.js获取dom中被点击的元素xpath

05-10

要获取在DOM中被点击的元素的XPath，您可以在background.js中使用以下代码： ``` // 在 background.js 中添加以下代码 document.addEventListener('click', function(e) { var xpath = getXPath(e.target); console.log(xpath); }); function getXPath(node) { // 如果节点是根节点，则返回 if (node === document) { return 'html/' + node.tagName.toLowerCase(); } // 获取该节点在父节点中的索引 var index = 1; var sibling = node.previousSibling; while (sibling) { if (sibling.nodeType === 1 && sibling.tagName === node.tagName) { index++; } sibling = sibling.previousSibling; } // 递归获取该节点的父节点 var path = getXPath(node.parentNode) + '/' + node.tagName.toLowerCase() + '[' + index + ']'; return path; } ``` 这段代码将在每次用户单击页面中的任何元素时调用 `getXPath` 函数，并将该元素的XPath输出到控制台。您可以根据需要修改此代码来实现您的需求。