标签: google-chrome-extension

Chrome开发者工具:有没有办法在单独的视图中查看Console选项卡和Sources选项卡？我经常想同时看看这两个.

按下选项卡Esc时,Sources我会看到Console底部的小视图.但是我希望同时对这两者有更大的看法.这可能吗？

如果没有,这是Chrome扩展可能做的事情吗？

编辑:

澄清 - 我知道如何取消停靠开发工具窗口(这是我的默认设置).只是贪婪我想,并想知道我是否可以进一步拆分Sources并Console进入单独的未对接的窗口(或者至少,他们的视图在同一个窗口上垂直分割,而不是像压力Esc那样水平分割)

我无法在〜/ Library/Application Support/Google/Chrome /下找到它们; 他们在哪？

• Mac Pro 10.8.4
• Chrome版本26.0.1410.65

我正在写一个chrome扩展名.我想jQuery在我的扩展中使用.我没有使用任何背景页面,只是一个后台脚本.

这是我的文件:

manifest.json

{
    "manifest_version": 2,

    "name": "Extension name",
    "description": "This extension does something,",
    "version": "0.1",

    "permissions": [
        "activeTab"
    ],

    "browser_action": {
        "default_icon": "images/icon_128.png"
    },

    "background": {
        "scripts": ["background.js"],
        "persistent": false
    },

    "icons": {
        "16": "images/icon_16.png",
        "48": "images/icon_48.png",
        "128": "images/icon_128.png"
    }
}

我的background.js文件只运行另一个名为的文件work.js

// Respond to the click on extension Icon
chrome.browserAction.onClicked.addListener(function (tab) {
    chrome.tabs.executeScript({
        file: 'work.js'
    });
});

我的扩展的主要逻辑是在里面work.js.我认为这个问题的内容并不重要.

我想问的是如何在扩展中使用jQuery.因为我没有使用任何背景页面.我不能只是添加jQuery.那么如何在我的扩展中添加和使用jQuery呢？

我尝试从background.js文件中运行jQuery和我的work.js.

// Respond to the click …

当我使用CSS时,我经常在浏览器中测试 - 比如说Chrome,右键单击一个元素,单击Inspect Element,然后在那里编辑CSS.使用箭头键来改变边距和填充等内容可以让事情变得非常容易.

然后将这些更改应用到CSS文件并不是很难,但如果我可以在检查器中右键单击选择器并选择"导出"或"复制",并将内容提供给我,那将会很酷.剪贴板.

这样的事情存在吗？

我正在尝试从弹出窗口中访问activeTab DOM内容.这是我的清单:

{
  "manifest_version": 2,

  "name": "Test",
  "description": "Test script",
  "version": "0.1",

  "permissions": [
    "activeTab",
    "https://api.domain.com/"
  ],

  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",

  "browser_action": {
    "default_icon": "icon.png",
    "default_title": "Chrome Extension test",
    "default_popup": "index.html"
  }
}

我真的很困惑后台脚本(具有持久性的事件页面:false)或content_scripts是否可行.我已经阅读了所有文档和其他SO帖子,但对我来说仍然没有意义.

有人可以解释为什么我可以使用一个而不是另一个.

这是我一直在尝试的background.js:

chrome.extension.onMessage.addListener(
  function(request, sender, sendResponse) {
    // LOG THE CONTENTS HERE
    console.log(request.content);
  }
);

我只是从弹出控制台执行此操作:

chrome.tabs.getSelected(null, function(tab) {
  chrome.tabs.sendMessage(tab.id, { }, function(response) {
    console.log(response);
  });
});

我越来越:

Port: Could not establish connection. Receiving end does not …

我想将Accept-language请求标题更改为我想要的任何chrome,是否有任何扩展或插件我可以做到.我希望能够改变语言环境和语言.主要要求是更改区域设置.

我有一个简单的Chrome扩展程序,它使用内容脚本功能来修改网站.更具体地说,background-image所述网站.

出于某种原因,我似乎无法使用本地图像,即使它们被包装在扩展中.

body {
    background: #000 url('image.jpg') !important;
    background-repeat: repeat !important;
}

就是这样,最简单的CSS ......但它不起作用.浏览器不加载图像.

扩展如何发现它是第一次运行或刚刚更新,以便扩展可以执行某些特定操作？(例如,打开帮助页面或更新设置)

按照以下链接的说明,我成功为我的Django应用程序构建了一个REST API:http://django-rest-framework.org/tutorial/quickstart.

我可以通过在Unix提示符下执行以下操作来测试它:

curl -H 'Accept: application/json; indent=4' -u root:myPassword http://www.myWebsite.com/users/

有用 :)

但是,我想使用Chrome扩展程序Advanced Rest Client来测试相同的功能.我已经安装了扩展程序,但我不知道在哪里/如何放置字段.当我做出受过教育的猜测时(正如您在屏幕截图中看到的那样),它拒绝它说"未提供身份验证凭据"

我应该如何/在何处将参数指定给REST API？

我正在构建Chrome扩展程序,并且要按照我希望的方式工作,我需要一个外部JavaScript脚本来检测用户是否安装了我的扩展程序.

例如:用户安装我的插件,然后转到我的脚本上的网站.该网站检测到我的扩展程序已安装并相应地更新页面.

这可能吗？