«google-chrome-extension» 태그된 질문

브라우저 콘솔에서 ECMAScript 6 코드를 실행하는 방법을 찾고 있지만 대부분의 브라우저는 원하는 기능을 지원하지 않습니다. 예를 들어, Firefox는 화살표 기능을 지원하는 유일한 브라우저입니다. Chrome에서 이러한 기능을 실행할 수있는 방법 (확장자, 사용자 스크립트 등)이 있습니까?

162 google-chrome  google-chrome-extension  userscripts  ecmascript-6 

사용자가 특정 옵션을 정의하고 localStorage에 저장하는 옵션 페이지가 있습니다. options.html 이제 options.html페이지에 정의 된 옵션을 가져와야하는 콘텐츠 스크립트가 있지만 콘텐츠 스크립트에서 localStorage에 액세스하려고하면 옵션 페이지에서 값을 반환하지 않습니다. 컨텐츠 스크립트가 localStorage, 옵션 페이지 또는 백그라운드 페이지에서 값을 가져 오려면 어떻게해야합니까?

157 google-chrome-extension  local-storage  content-script 

이를 수행하는 좋은 방법이 있습니까? 웹 사이트와 콘텐츠 스크립트로 상호 작용하고 로컬 저장소를 사용하여 데이터를 저장하는 확장 프로그램을 작성 중입니다. 이 동작을 테스트하는 데 사용할 수있는 도구, 프레임 워크 등이 있습니까? 자바 스크립트를 테스트하기위한 일반적인 도구가 있지만 확장을 테스트하는 데 충분한 힘이 있습니까? 단위 테스트가 가장 중요하지만 다른 유형의 테스트 …

154 unit-testing  google-chrome  google-chrome-extension 

Chrome 웹 관리자에서 페이지에 다운로드 한 리소스를 볼 때 특정 확장 프로그램에서 요청한 HTML / JS / CSS도 표시됩니다. 위의 예 indicator.html에서 indicator.js이며 indicator.css실제로 내 앱의 일부가 아닌 Readability Chrome 확장 프로그램의 일부입니다. 이 특정 상황에서는 그다지 큰 문제는 아니지만 더 복잡한 페이지와 여러 확장 프로그램이 설치되어 있으면 혼잡해질 수 …

152 google-chrome  google-chrome-extension  google-chrome-devtools 

콘텐츠 스크립트와 확장 프로그램 사이에 메시지를 전달하려고합니다. 내용 스크립트에서 내가 가진 것입니다 chrome.runtime.sendMessage({type: "getUrls"}, function(response) { console.log(response) }); 그리고 백그라운드 스크립트에서 chrome.runtime.onMessage.addListener( function(request, sender, sendResponse) { if (request.type == "getUrls"){ getUrls(request, sender, sendResponse) } }); function getUrls(request, sender, sendResponse){ var resp = sendResponse; $.ajax({ url: "http://localhost:3000/urls", method: 'GET', success: function(d){ …

151 javascript  google-chrome  google-chrome-extension  google-chrome-app 

Chrome 개발자 도구 : Console탭과 Sources탭을 별도의보기로 보는 방법이 있습니까? 나는 종종이 두 가지를 동시에보고 싶다. 탭 Esc에서를 누르면 하단 Sources의 작은보기를 볼 수 있습니다 Console. 그러나 동시에 두 가지에 대한 더 큰 견해를 원합니다. 이게 가능해? 그렇지 않다면 크롬 확장 프로그램이 할 수있는 것입니까? 편집하다: 설명- 개발자 도구 창 …

128 google-chrome  google-chrome-extension  google-chrome-devtools 

크롬 확장 프로그램을 작성 중입니다. 그리고 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": …

128 javascript  jquery  google-chrome  asynchronous  google-chrome-extension 

~ / Library / Application Support / Google / Chrome /에서 찾을 수 없습니다. 그들은 어디에 있습니까? Mac Pro 10.8.4 Chrome 버전 26.0.1410.65

118 macos  google-chrome  google-chrome-extension 

팝업에서 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" } } 배경 …

116 javascript  google-chrome-extension 

Accept-language 요청 헤더를 크롬에서 원하는 것으로 변경하고 싶습니다. 확장 기능이나 플러그인이 있습니까? 로케일과 언어를 모두 변경할 수 있기를 원합니다. 주요 요구 사항은 로케일을 변경하는 것입니다.

110 google-chrome  google-chrome-extension 

CSS로 작업 할 때 브라우저 (예 : Chrome)에서 요소를 마우스 오른쪽 버튼으로 클릭하고 요소 검사를 클릭 한 다음 바로 CSS를 편집합니다. 화살표 키를 사용하여 여백 및 패딩과 같은 항목을 변경하면 항목을 매우 쉽게 정렬 할 수 있습니다. 그런 다음 변경 사항을 적용하여 CSS 파일에 적용하는 것은 그리 어렵지 않지만 검사기에서 …

104 css  webkit  google-chrome-extension  web-inspector 

방금 WebStorm 5를 구입했고 지금까지 검사 기능을 정말 좋아했습니다. 내 Chrome 확장 프로그램을 개발할 때 한 가지 문제는 chrome변수를 인식하지 못한다는 것 입니다. chrome입력 할 때 자동 완성되도록 Inspector에 변수를 추가 할 수있는 방법이 있습니까? Chromium을 외부 라이브러리로 추가해야 할 것 같지만 어디서 시작해야할지 모르겠습니다.

104 javascript  autocomplete  google-chrome-extension  intellij-idea  webstorm 

어쨌든 popup.html을 강제로 닫을 수 있는지 궁금합니다.

103 javascript  google-chrome  google-chrome-extension 

콘텐츠 스크립트 기능을 사용하여 웹 사이트를 수정하는 간단한 Chrome 확장 프로그램이 있습니다. 더 구체적으로, background-image상기 웹 사이트의. 어떤 이유로 든 확장 프로그램에 포함되어 있어도 로컬 이미지를 사용할 수없는 것 같습니다. body { background: #000 url('image.jpg') !important; background-repeat: repeat !important; } 그게 가장 간단한 CSS입니다 ...하지만 작동하지 않습니다. 브라우저가 이미지를로드하지 않습니다.

99 css  google-chrome-extension  background-image 

Chrome 확장 프로그램을 구축하는 중이며 모든 작업이 원하는 방식으로 작동하려면 사용자가 확장 프로그램을 설치했는지 감지 할 수있는 외부 JavaScript 스크립트가 필요합니다. 예 : 사용자가 내 플러그인을 설치 한 다음 내 스크립트가있는 웹 사이트로 이동합니다. 웹 사이트는 내 확장 프로그램이 설치되었음을 감지하고 그에 따라 페이지를 업데이트합니다. 이게 가능해?

97 javascript  google-chrome  google-chrome-extension