前提・実現したいこと
chrome拡張機能で登録済のブックマークのページに進むとアラートを出す拡張機能を作ろうとしてます。
手始めに、chrome APIでブックマークを探す「chrome.bookmarks.search」の動作確認をしたところ以下のエラーが起きました。
発生している問題・エラーメッセージ
「chrome.bookmarks.search("ア", function(results) {」の箇所で
「Uncaught TypeError: Cannot read property 'search' of undefined」エラー
property '****' of undefined系のエラー対処は検索ヒットしますが、chrome APIに関してのサイトが海外サイトでもなかなかヒットしません。
該当のソースコード
JavaScript
1// event.js 2var bt_bkm = document.getElementById('bt_bkm'); 3 4bt_bkm.addEventListener('click', function() { 5 var link = document.getElementById('bt_bkm'); 6 // onClick's logic below: 7 link.addEventListener('click', function() { 8 chrome.bookmarks.search("ア", function(results) { 9 alert('JavaScriptのアラート'); 10 console.log(results); 11 }); 12 }); 13}); 14
JSON
1// manifest.json 2{ 3 "name": "Hello Extensions", 4 "version": "1.0", 5 "description" : "This is SETUMEI_RAN", 6 "manifest_version": 2, 7 "browser_action": { 8 "default_popup": "bookmark.html", 9 "default_icon": "bookmark_extensions.png", 10 "permissions": ["bookmarks","tabs"], 11// "js": ["jquery.min.js","script.js"], 12 "scripts": ["jquery.min.js","event.js"] 13 } 14} 15
HTML
1<!-- bookmark.html --> 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5<meta charset="utf-8"/> 6<title>登録済みのブックマークを閉じる</title> 7<script src="jquery-3.3.1.min.js"></script> 8<script src="bookmark.js"></script> 9</head> 10<body> 11 <table width="500"> 12 <h1>開いているブックマークを閉じます</h1> 13 <!-- 14 <input type="button" class="bookmark_close" value="ブックマークを閉じる" id="box" /> 15 --> 16 <button id="bt_bkm"></button> 17 //<script src="event.js"></script> 18 </table> 19</body> 20</html>
試したこと
permissionsでbookmarksが追加されていること
補足情報(FW/ツールのバージョンなど)
Google Chrome:86.0
HTML:5
manifest_ver:2
jquery:3.3.1
ご指摘をお願い致します。
あなたの回答
tips
プレビュー