คำถามติดแท็ก google-chrome-extension

ฉันกำลังมองหาวิธีเรียกใช้รหัส ECMAScript 6 ในคอนโซลของเบราว์เซอร์ของฉัน แต่เบราว์เซอร์ส่วนใหญ่ไม่รองรับฟังก์ชันการทำงานที่ฉันกำลังมองหา ตัวอย่างเช่น Firefox เป็นเบราว์เซอร์เดียวที่รองรับฟังก์ชั่นลูกศร มีวิธี (ส่วนขยาย userscript ฯลฯ ) ฉันสามารถเรียกใช้คุณสมบัติเหล่านี้บน 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 

มีวิธีที่ดีในการทำเช่นนี้? ฉันกำลังเขียนส่วนขยายที่โต้ตอบกับเว็บไซต์เป็นสคริปต์เนื้อหาและบันทึกข้อมูลโดยใช้การจัดเก็บในพื้นที่ มีเครื่องมือกรอบงาน ฯลฯ ที่ฉันสามารถใช้ทดสอบพฤติกรรมนี้ได้หรือไม่ ฉันรู้ว่ามีเครื่องมือทั่วไปสำหรับทดสอบ Javascript แต่มีพลังเพียงพอที่จะทดสอบส่วนขยายหรือไม่ การทดสอบหน่วยเป็นสิ่งที่สำคัญที่สุด แต่ฉันก็สนใจการทดสอบประเภทอื่น (เช่นการทดสอบการรวม)

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

เมื่อฉันดูทรัพยากรที่ดาวน์โหลดมาสำหรับหน้าหนึ่งในเครื่องมือตรวจสอบเว็บของ Chrome ฉันจะเห็น HTML / JS / CSS ที่ร้องขอโดยส่วนขยายบางอย่าง ในตัวอย่างข้างต้นindicator.html, indicator.jsและindicator.cssเป็นจริงส่วนหนึ่งของการขยายการอ่าน Chromeไม่ได้เป็นส่วนหนึ่งของ app ของฉัน นี่ไม่ใช่ข้อตกลงที่ใหญ่เกินไปในสถานการณ์เฉพาะนี้ แต่ในหน้าเว็บที่มีความซับซ้อนมากขึ้นและเมื่อติดตั้งส่วนขยายจำนวนมากมันอาจมีผู้คนเยอะมาก! ฉันสงสัยว่ามีวิธีการกรองทรัพยากรที่เกี่ยวข้องกับส่วนขยายออกจากรายการนี้หรือไม่ (เช่นคำขอใด ๆ ที่ใช้chrome-extension://โปรโตคอล) ไม่มีใครรู้ว่าฉันสามารถบรรลุสิ่งนี้ได้อย่างไร

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){ resp({urls: d}) } }); } ตอนนี้ถ้าฉันส่งการตอบกลับก่อนการโทร ajax ในgetUrlsฟังก์ชั่นการตอบสนองจะถูกส่งเรียบร้อยแล้ว แต่ในวิธีการที่ประสบความสำเร็จของการโทร ajax เมื่อฉันส่งการตอบกลับมันไม่ได้ส่งเมื่อฉันเข้าสู่การดีบักฉันจะเห็นว่า พอร์ตนั้นเป็นโมฆะภายในโค้ดของsendResponseฟังก์ชัน

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

เครื่องมือสำหรับนักพัฒนา Chrome: มีวิธีดูConsoleแท็บและSourcesแท็บในมุมมองแยกกันหรือไม่ ฉันมักจะอยากดูทั้งสองอย่างพร้อมกัน การกดEscเมื่ออยู่บนSourcesแท็บจะทำให้ฉันเห็นมุมมองเล็ก ๆConsoleที่ด้านล่าง แต่ฉันต้องการมุมมองที่กว้างขึ้นของทั้งสองอย่างในเวลาเดียวกัน เป็นไปได้หรือไม่ ถ้าไม่นี่เป็นสิ่งที่ส่วนขยายของ Chrome อาจทำได้หรือไม่? แก้ไข: คำชี้แจง - ฉันรู้วิธีปลดล็อกหน้าต่างเครื่องมือ dev (นั่นคือการตั้งค่าเริ่มต้นของฉัน) แค่เป็นคนโลภฉันเดาและสงสัยว่าฉันสามารถแยกSourcesและConsoleแยกออกเป็นหน้าต่างที่ไม่ได้เชื่อมต่อแยกต่างหาก (หรืออย่างน้อยที่สุดให้มุมมองของพวกเขาแยกในแนวตั้งบนหน้าต่างเดียวกันแทนที่จะเป็นแนวนอนเหมือนการกดEsc)

129 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": { "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 …

129 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" } } ฉันสับสนจริงๆว่าสคริปต์พื้นหลัง (หน้าเหตุการณ์ที่มีการคงอยู่: เท็จ) หรือ content_scripts …

116 javascript  google-chrome-extension 

ฉันต้องการเปลี่ยนส่วนหัวของคำขอภาษาที่ยอมรับเป็นสิ่งที่ฉันต้องการใน chrome มีส่วนขยายหรือปลั๊กอินที่ฉันสามารถทำได้หรือไม่ ฉันต้องการเปลี่ยนสถานที่และภาษาทั้งคู่ ข้อกำหนดหลักคือการเปลี่ยนสถานที่

111 google-chrome  google-chrome-extension 

ฉันสงสัยว่าฉันสามารถบังคับให้ popup.html ปิดได้หรือไม่

108 javascript  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 

ฉันอยู่ในขั้นตอนการสร้างส่วนขยาย Chrome และเพื่อให้ทุกอย่างทำงานได้ตามที่ฉันต้องการฉันต้องการสคริปต์ JavaScript ภายนอกเพื่อให้สามารถตรวจจับได้ว่าผู้ใช้ติดตั้งส่วนขยายของฉันหรือไม่ ตัวอย่างเช่น: ผู้ใช้ติดตั้งปลั๊กอินของฉันจากนั้นไปที่เว็บไซต์ที่มีสคริปต์ของฉันอยู่ เว็บไซต์ตรวจพบว่าส่วนขยายของฉันได้รับการติดตั้งและอัปเดตหน้าตามนั้น เป็นไปได้หรือไม่

100 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