Q&A
それ、自由にできたらセキュリティ事象になりませんか。
#実現したいこと
自分が管理していないwebページに対して、ローカルに置いた javascriptファイル(my.js)を、Firefoxの開発ツールのコンソールに直接実行したいです。
#直接実行しない理由
コードが長すぎて、コンソールにコピペでで張り付けると、読み込みに10秒ほどかかります。Firefoxがフリーズする時もあります。
#拡張機能を使って実行はしない
拡張機能「ShortcutKey2URL」を使うと、今回のような長いコードでも読み込み１秒未満で、すぐに実行することができます。
しかし以下の理由により、今回はこの拡張機能は使えません。
使えない理由：
実行したいコード内に、「新規タブにて同一ドメインのページを開き、ページ内のデータをスクレイピングする」処理があります。
Firefoxの場合、拡張機能を通して開かれた新規タブはすべてCross Origin扱いになってしまう可能性があり、新規タブのDOMにアクセスできません。
#その他
AB問題になっていると思っております。
そもそもこんな長いjavascriptを実行しないでもいい方法を考える方がいいとは思いますが、
ふと「ローカルのjavascriptファイルを開発ツールにコピペ以外で実行する方法はあるのか？」と思って質問させていただきました。
以上、よろしくお願いいたします。
開発ツールのコンソールにコピペでjavascriptを実行できるので、
ローカルのjsファイルを直接選択して実行する方法もありそうだなと思ってしまいました。
my.jsは頻繁に変更しますか？
頻繁に変更しないものなら、Githubなどhttpでアクセスできる場所に公開しておいて（CORSできるかな？）、ブックマークレットで読み込めたりしないかなと思いました。（できるかどうか、まだわかりませんが）
my.jsは頻繁に変更しません。
ブックマークレットでhttpでアクセスできる場所の読み込みを試してみます。ありがとうございます。
もし、plasticgrammerさんの方法が上手くいかない場合は、
一度コピペしたあとで、localStorageに保存しておく
という手もありそうですね。
使うブラウザがいつも同じで、容量的に入いるなら、ですが。
plasticgrammerさんの方法では（おそらく）サイト側の設定で出来ませんでした。XMLHttpRequestのopen()を使ってGETしようとしたところ、「Content Security Policy: ページの設定により次のリソースの読み込みをブロックしました」と出てしまったので、サイト側で別ドメインへのアクセスを拒否しているのかな といった感じです。
@gpsoft
容量的には2M弱なので入りそうです。取得したデータの保存に使用しておりましたが、そこにコードを入れちゃうといった発想は出ませんでした！localStrageにjsコードを入れて取り出して実行できるか調べて挑戦してみます ありがとうございます
@gpsoft localStrageには文字列しか保存できませんでした。そこでコードを文字列にしてeval(文字列)を試してみましたが、ページの設定でeval()が実行できませんでした。残念です。
「Content Security Policy: ページの設定により次のリソースの読み込みをブロックしました: eval (“script-src”)」
コードの内容によるのかもしれませんね。
↓これは、動きましたよ。
localStorage.setItem('hoge', 'alert("hey")');
let a = localStorage.getItem('hoge');
eval(a);
試して頂きありがとうございました。
私も同様のソースコードで試してみたところ、サイト毎に実行できるところと、出来ないところがあるようでした。
google(https://www.google.com/) にアクセスした状態で、consoleで実行するとうまく動きます。
しかし、私の実行したいサイトで行うと、ページの設定で上手く動かないようです。
（本当に）よくわかりませんが、サーバー側で何か特別な設定がされているようです。
実行したいサイト名は伏せておきます。（青い鳥のアイコンが特徴の つぶやくサイトです）
なかなか甘くないですね。
httpヘッダのContent-Security-Policyとか、
htmlのmetaタグで制御できるみたいです。
https://developer.mozilla.org/ja/docs/Web/HTTP/CSP
厳しいですね。ありがとうございます。せめて同一ドメインにはアクセス可能可能かなっと甘い考えでした。甘くなかったです。
あなたの回答
tips
プレビュー
