«google-chrome-extension» etiketlenmiş sorular

Google Chrome web tarayıcısı için uzantı geliştirme. Bunları HTML, JavaScript ve CSS gibi web teknolojilerini kullanarak yazarsınız.

5
ECMAScript 6'yı kullanma
ECMAScript 6 kodunu tarayıcımın konsolunda çalıştırmanın bir yolunu arıyorum, ancak çoğu tarayıcı aradığım işlevselliği desteklemiyor. Örneğin, Firefox ok işlevlerini destekleyen tek tarayıcıdır. Bu özellikleri Chrome'da çalıştırabilmemin bir yolu (uzantı, kullanıcı metni vb.) Var mı?

3
Chrome uzantısı: içerik komut dosyasında localStorage'a erişme
Kullanıcı belirli seçenekleri tanımlayabilir ve bunu localStorage kaydeder bir seçenekler sayfası var: options.html Şimdi, options.htmlsayfada tanımlanan seçenekleri alması gereken bir içerik komut dosyası var , ancak içerik komut dosyasından localStorage'a erişmeye çalıştığımda, seçenekler sayfasından değer döndürmüyor. İçerik betiğimin localStorage'dan, seçenekler sayfasından ve hatta arka plan sayfasından değerleri almasını nasıl sağlayabilirim?

6
Chrome uzantıları nasıl test edilir?
Bunu yapmanın iyi bir yolu var mı? Bir web sitesi ile içerik komut dosyası olarak etkileşimde bulunan ve localstorage kullanarak veri kaydeden bir uzantı yazıyorum. Bu davranışı sınamak için kullanabileceğim araçlar, çerçeveler vb. Var mı? Javascript test etmek için bazı genel araçlar olduğunu biliyorum, ama bunlar bir uzantı test etmek …

5
Chrome web denetçisi ağ sekmesinde uzantı kaynaklarını gizlemek mümkün müdür?
Chrome web denetçisindeki bir sayfa için indirilen kaynakları görüntülerken, belirli uzantılar tarafından istenen HTML / JS / CSS'yi de görüyorum. Yukarıdaki örnekte indicator.html, indicator.jsve indicator.cssaslında uygulamamın bir parçası değil , Okunabilirlik Chrome uzantısının bir parçası. Bu, bu özel durumda çok büyük bir anlaşma değil, ancak daha karmaşık bir sayfada ve …

3
Chrome Uzantı İletisi iletiliyor: yanıt gönderilmedi
İçerik komut dosyası ve uzantı arasında ileti iletmeye çalışıyorum İşte içerik betiğinde ne var chrome.runtime.sendMessage({type: "getUrls"}, function(response) { console.log(response) }); Ve arka plan komut dosyasında 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", …

5
Chrome uzantısında jQuery nasıl kullanılır?
Bir krom uzantısı yazıyorum. Ve uzantımda kullanmak istiyorum jQuery. Herhangi bir arka plan sayfası kullanmıyorum , sadece bir arka plan komut dosyası . İşte dosyalarım: 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": { …

6
Chrome geliştirici araçları: Konsol ve Kaynaklar görünümlerini ayrı görünümlerde / dikey olarak mı görüntüleyin?
Chrome geliştirici araçları: ConsoleSekmeyi ve Sourcessekmeyi ayrı görünümlerde görüntülemenin bir yolu var mı ? Sıklıkla ikisine aynı anda bakmak isterim. Sekme Escüzerindeyken basmak , altta Sourcesküçük bir görünüm görmemi sağlar Console. Ama ikisinin aynı anda daha geniş bir görünümünü istiyorum. Mümkün mü? Değilse, bu bir krom uzantısının yapabileceği bir şey …


3
Chrome Uzantısı - DOM içeriğini alın
Açılır penceremden activeTab DOM içeriğine erişmeye çalışıyorum. İşte manifestom: { "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" } } Arka …



14
CSS değişikliklerini denetçiden dışa aktar (webkit, firebug, vb.)
CSS ile çalışırken, genellikle bir tarayıcıda test ederim - örneğin, Chrome - bir öğeyi sağ tıklayın, Öğeyi İncele'yi tıklayın ve CSS'yi orada düzenleyin. Kenar boşluğu ve dolgu gibi şeyleri değiştirmek için ok tuşlarının kullanılması, işleri sıraya koymayı çok kolaylaştırır. O zaman bu değişiklikleri alıp CSS dosyasına uygulamak çok zor değil, …

4
Chrome Uzantı Geliştirme için WebStorm'u nasıl kullanırım?
WebStorm 5'i yeni satın aldım ve şu ana kadar Inspection özelliklerinden gerçekten keyif aldım. Chrome uzantımı geliştirirken karşılaştığım bir sorun, chromedeğişkeni tanımaması : Ben chromeyazarken otomatik olarak tamamlayabilmesi için değişkeni Inspector'a ekleyebilmemin bir yolu var mı ? Sanırım Chromium'u Harici Kitaplık olarak eklemem gerekecek, ancak nereden başlayacağımı bilmiyorum.

16
Kullanıcının yüklü bir Chrome uzantısı olup olmadığını kontrol edin
Bir Chrome uzantısı oluşturma sürecindeyim ve her şeyin benim istediğim şekilde çalışması için, bir kullanıcının uzantımın yüklü olup olmadığını algılayabilmesi için harici bir JavaScript komut dosyasına ihtiyacım var. Örneğin: Bir kullanıcı eklentimi yükler ve ardından komut dosyamın bulunduğu bir web sitesine gider. Web sitesi, uzantımın yüklendiğini algılar ve sayfayı buna …

8
Google Chrome Uzantıları - CSS ile yerel resimler yüklenemiyor
Bir web sitesini değiştirmek için içerik komut dosyası özelliğini kullanan basit bir Chrome uzantım var. Daha spesifik olarak, background-imagesöz konusu web sitesinin. Bazı nedenlerden dolayı, uzantı içinde paketlenmiş olsalar bile yerel resimleri kullanamıyorum. body { background: #000 url('image.jpg') !important; background-repeat: repeat !important; } İşte bu, en basit CSS ... ama …

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.