我對 chrome 擴展非常陌生，導航它需要大量的自學。我希望有人可以幫助我解決這個簡單的問題！
我想要一個非常小的彈出視窗，在單擊擴展圖示時顯示一本合上的書。單擊后，我希望它切換到打開的書，表明它是“活動的”。我目前有一個 manifest.json 檔案，默認彈出檔案和一個用于樣式的 css 檔案和 js 檔案，并且我在 js 中有一個背景頁面。
我不確定如何在彈出視窗中切換書籍影像。
（圖片鏈接在文字上）
彈出視窗非常小，這是我想要的。只是想交換那些圖片以指示活動模式，并學習如何將“活動”信號發送到后臺腳本以執行我想要的任務
uj5u.com熱心網友回復：
如果您能夠更改類似 src 屬性的內容，那么它可能是最簡單的方法。如果您需要兩個不同的元素，那么您可能希望使用 style 屬性顯示/隱藏它們，并將 onclick 放在兩個孩子的父 div 上。
<img src="/pathToOpenBook" onclick="toggleBookOpen" alt="imageDesc" />
function toggleBookOpen(pointerEvent){
const openBook = "/pathToOpenBook";
const closedBook = "/pathToClosedBook";
const element = pointerEvent.target;
const src = element.getAttribute('src');
const isOpen = src.toLowerCase().includes('open');
const updateValue = isOpen ? closedBook : openBook;
element.setAttribute('src', updateValue);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/492762.html
標籤：javascript 按钮 谷歌浏览器扩展 弹出 chrome 扩展清单-v3
上一篇：帶有徽標和按鈕的導航欄樣式