用途
可以取得目前使用者正在瀏覽以及他所關注的元素資訊，例如：圖片的網址、目前網址、選取的文字等資訊，並且選單可以是巢狀的選單我用選擇頁面上的文字代替輸入，來尋找根據自己需求的漫畫，這樣看到他人分享關鍵字或號碼時，就可以直接選取後跳出漫畫了
設定 chrome.contextMenus 權限
給予權限 contextMenus，並且設定背景腳本以及將 persistent 設定為 true，不設定為 true的話，有可能會因為腳本的重複載入，導致選單元素重複生成
設定 menu.js
選單範例
完整的選單項目
type：選單的格式 有 normal (一般)、checkbox (勾選方塊)、radio (選項方塊)、separator (分割線)
id：識別字串，在同一個 Extension 中必需是唯一值
title：項目顯式的文字 %s 為使用者右鍵選擇範圍的文字
contexts：在特定的內容上啟用項目
documentUrlPatterns：指定在哪些特定的網域會啟用這個項目
targetUrlPatterns：同上者，但允許使用相對路徑 " / "
enabled：該項目是否啟用，可以覆蓋掉所有相關的設定
onclick：項目被點擊時的回調方法
parentId：指定巢狀項目的父層項目
checked：如果 type 為 checkbox 或 radio，可指定他的預設狀態是否勾選(預設值為 false )
監聽點擊事件
目前元件的 ID：info.menuItemId
目前的網址：info.pageUrl
選取的文字：(info.selectionText ? info.selectionText : "")
現在 hover 元素的圖片來源：(info.srcUrl ? info.srcUrl : "")
現在 hover 的連結：(info.linkUrl ? info.linkUrl : "")
現在選擇的狀態：info.checked
之前選擇的狀態：info.wasChecked
完成選單項目
啟用選單
開啟擴充工具管理介面後，點選重新載入，即可新增右鍵功能選單
最終成果
達人
