如何在谷歌瀏覽器中捕獲事件

我開始學習谷歌瀏覽器中的擴展，但我有點迷路，我需要做一些非常簡單的事情，但不知道從哪裏開始。如何在谷歌瀏覽器中捕獲事件

我最大的問題是manifest.json是如何工作的，在幾個地方閱讀，但無法很好地理解。之後，我需要讓用戶將鼠標懸停在鏈接上，或者單擊按鈕，文本區域和輸入，然後在控制檯事件上返回警告消息。

我不喜歡的console.log作品的一些測試，但沒有工作，不知道該怎麼辦：（

我試圖做這樣的事情：每次用戶打開瀏覽器時，能夠延長並打印控制檯啓動時的相同。

我認爲這將是，所以，謝謝你，我希望的答案。

來源

2013-11-24 AyrtonXPC

聽起來像你需要一個內容腳本：https：//developer.chrome.com/extensions/content_scripts.html。 –

簡單來說manifest.json，是將存儲您的擴展的設置文件。有3種行動者Chrome擴展程序

Options page：當您單擊鉻窗口右角的擴展名時顯示爲彈出窗口的頁面。
Background Scripts：後臺頁面/後臺腳本充當您的Chrome擴展的服務器，它具有Chrome提供的所有權限。你可以提到背景頁面或背景腳本，但是應該使用它們中的任何一個。下面我會提到這兩個的幾個用例。例如，Chrome擴展程序具有剪貼板事件，並且僅適用於後臺腳本。但剪貼板API需要DOM支持。爲了複製或粘貼剪貼板API工作，我們必須創建textarea，然後專注於它，使用execCommand('paste')執行粘貼事件，然後獲取textarea值，它會提供剪貼板內容。如果你知道你不需要任何DOM相關的操作，那麼只依賴於後臺腳本。後臺腳本執行是異步的。後臺，內容腳本和選項頁面之間的通信應通過Chrome事件API完成。
Content Scripts：如果您想將任何腳本或樣式注入到啓用了擴展的網頁中，則內容腳本就是選擇。這裏是強大的功能，無論在網頁中執行什麼操作，都將其與內容腳本一起捕獲，然後將其發送到後臺頁面/腳本以進行進一步處理，然後完全按照AJAX機制返回結果。

欲瞭解更多信息，我強烈建議您通過http://developer.chrome.com/extensions/manifest.html的每一節。

"content_scripts": [{ 
     "matches": ["http://www.stackoverflow.com/*"], 
     "css": ["yourPageStyles.css"], 
     "js": ["jquery.js", "myscript.js"] // 
    }]

如果您想通過騎車任何樣式的計算器，把它放在yourPageStyles.css文件，如果你想添加任何頁面級別的事件，像你說的懸停並點擊鏈接和按鈕事件。然後將代碼放入myscript.js。 myscript.js文件代碼將在像stackoverflow.com一樣的常規js文件的web頁面上下文中執行。但是如果你想追加任何擴展資源，你必須使用getUrl()。例如，要添加您的圖像擴展在網頁製作

var srcUrl = chrome.extension.getURL('images/yourImage.png'); 
someImage.src = srcUrl;

而之前，你必須讓他們通過網絡訪問的資源定義什麼是與網頁共享的資源。如果您僅在內容腳本中使用，則可能無需在網頁可訪問的資源中提及。

希望這會有所幫助。

來源

2013-11-24 04:21:54 redV

如何在谷歌瀏覽器中捕獲事件

回答

相關問題