質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Chrome

Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Chrome extension

Chrome拡張機能

Q&A

解決済

1回答

2059閲覧

コンテンツスクリプトでバックグラウンドのファイルを呼び出すに当たってのエラー解消法は?

mansei2010

総合スコア9

Chrome

Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Chrome extension

Chrome拡張機能

0グッド

0クリップ

投稿2017/01/06 19:47

拡張機能を用いて、現存するタブと新規タブ作成のボタンの間に画像をドラッグアンドドロップする事で検索を行えるようにする拡張機能を作成しています。

下記にコンテンツスクリプトのプログラムとバックグラウンドのプログラム、manifestファイルを載せます。

エラーの内容としては、addListenerは未定義の為扱う事が出来ないとのことなのですが、manifestに原因があるのか、プログラム側に問題があるのか分からず質問させて頂きました。

どうか、教えて頂けませんでしょうか。

json

1//manifest.json 2{ 3 "manifest_version": 2, 4 "version": "1.0.0", 5 "name": "Tab Searcher", 6 "description": "画像をタブの部分にドラッグ&ドロップするだけで画像検索の出来る拡張機能です。", 7 "permissions": [ 8 "tabs", 9 "activeTab", 10 "browsingData", 11 "<all_urls>" 12 ], 13 "content_scripts" : [ 14 { 15 "matches" : [ 16 "file:///*/*", 17 "http://*/*", 18 "https://*/*" 19 ], 20 "js": [ 21 "content.js" 22 ], 23 "run_at" : "document_end" 24 } 25 ], 26 "background" : { 27 "scripts" : [ 28 "ImageSearch_test_6.js" 29 ], 30 "persistent" : false 31 }, 32 "browser_action":{ 33 "default_icon": "tabsearch.png" 34 } 35}

javascript

1//content.js 2var image = document.getElementsByTagName('img')[0]; 3 4var id = chrome.runtime.id; 5 6chrome.runtime.sendMessage(id,"image");

javascript

1//background.js 2 function Sub(image){ 3 4 var form = document.createElement('form'); 5 form.setAttribute('method', 'post'); 6 form.setAttribute('action', 'http://images.google.com/searchbyimage/upload'); 7 form.style.display = "none"; 8 document.body.appendChild(form); 9 10 var hiddenField = document.createElement('input'); 11 hiddenField.setAttribute('type', 'hidden'); 12 hiddenField.setAttribute('name', 'image_content'); 13 hiddenField.setAttribute('value', image); 14 form.appendChild(hiddenField); 15 16 form.submit(); 17 }; 18 19 var imageToBase64 = function(imgElement, mimeType) { 20 21 var canvas = document.createElement('canvas'); 22 base64String = ''; 23 24 if (!imgElement || typeof mimeType !== 'string') { 25 return ''; 26 } 27 28 mimeType = mimeType.replace(/\/png$/, '/octet-stream'); 29 30 canvas.width = imgElement.width; 31 canvas.height = imgElement.height; 32 33 base64String = canvas.toDataURL(); 34 35 return base64String; 36 }; 37 38 chrome.runtime.onMassage.addListener(function(request,sender,sendResponse){ 39 var image = document.getElementsByTagName('img')[0]; 40 41 var base64String = imageToBase64(image, 'image/jpeg'); 42 43 var SearchCode = Sub.toString().replace(/(\n|\t)/gm, ''); 44 45 chrome.tabs.create({ 46 'url': 'javascript:' + SearchCode + '; Sub("' + base64String + '");' 47 }); 48 });

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

スペルミスなのでは?
onMassage -> onMessage

投稿2017/01/07 00:08

turbgraphics200

総合スコア4267

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

mansei2010

2017/01/07 11:15

お答え頂き有難う御座います。 本当にただのスペルミスでした。 お恥ずかしい限りです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問