htmlの<script src="xxx.js">でロードしたファイルのコードを取得するには？

Question

htmlの

<script src="https://xxx.com/xxx.js"> でロードしたファイルの中身のソースコードを javascriptプログラムからテキストとして取得するにはどうしたらよいでしょうか。 javascriptの中身（jsファイルの中身）が見たいです。 ### 目的 目的を以下に説明します。 とあるjsファイル「fuga.js」を使う必要があります。 このファイルは外部サーバからロードしなければならず、改造もできません。 「fuga.js」では、固定の外部変数「poyo」を使って処理をしています。 処理対象の変数がひとつであれば問題ありませんが 複数処理する必要があります。 「fuga.js」をajaxで取得してevalで実行すればできそうでしたが CrossOriginに阻まれました。 あと考えられるのは 「poyo」をiframeに閉じ込める という方法かと思っていますが ほかに何か方法はあるでしょうか。

Comments

[m.ts10806]

意味がわかりません。
もっと具体的に記載してください

[azuapricot]

javascriptを読み込みたいのかjavascriptの中身がみたいのか

何がしたいのか全くこちらに伝わってこないので質問文を修正してください

[SakuTaka]

すみません。修正しました。javascriptの中身を見たいのです。

[m.ts10806]

目的や大前提があれば代替案も提示できるかとは思いますが

[SakuTaka]

目的を加筆しました。わかりにくいかもしれませんが。

[m.ts10806]

変数が扱えればよいと言うのでしたら普通にscriptタグで読み込めばいいだけのようにも見えます。

[SakuTaka]

おっしゃる意味が分かりかねますが
<script src="fuga.js">
でロードしています。
外部変数piyoはアプリケーション側で用意するもので、アプリ全体のスコープにひとつだけしか作れません。
わたしは何をわかっていないのでしょうか？

[m.ts10806]

「外部サーバーからロード」であれば src="fuga.js" とはならないのでは

[SakuTaka]

すみません。端折りました。
<script src="https://xxx.com/xxx.js">
です。

[m.ts10806]

はい。正しく書かなければ正しく伝わりません。他人ですので書いたものしか汲み取れません。
その観点から質問を見直してみると良いと思います。それにドメインは自身のものでなければ例示ドメイン(example.comなど)を利用してください。実在し得る場合、そのサイトにもteratailにも迷惑をかけることになります。

[SakuTaka]

申し訳ありません

[m.ts10806]

私に謝る必要はないですよ。単に質問内容の不備不足を指摘しているだけですし。
ただ、質問が始めからきちんと書かれていないとその分解決も遅くなり、いろんな回答者の時間を使うことにもなりますので(じゃあ反応しなければいいという反論は御門違いですけど)、質問は充実しているに越したことはありません。

Answer 1

javascriptの中身（jsファイルの中身）が見たいです。

残念ながら、方法はありません。別途でAjaxリクエストを投げて取得する（クロスドメインに阻まれればそれも不可能）ということになります。

Comments

[SakuTaka]

そうですか。ありがとうございました。

[maisumakun]

> とあるjsファイル「fuga.js」を使う必要があります。
このファイルは外部サーバからロードしなければならず、改造もできません。

fuga.js自体を使わずに済む代替手段を探る、というのが現実的かもしれません。

[SakuTaka]

おっしゃる通りですが、それが許されないために策を講じようとしています。

Answer 2

見るだけなら「xxx.js」にあたるURLをブラウザのURL欄に打ち込めば
表示されませんか？

もしくは開発画面から読み込んだJSを参照することはできます

Comments

[SakuTaka]

すみませんが、javascriptプログラムからテキストとして取得したいということです。

Answer 3

本質問については、不可能、という結論になりました。

ちなみに本題とは外れますが
目的のためにはiframeを用いることにしました。

Answer 4

クロスオリジンの場合、相手方の許可がないと不可能です

許可を受けた CrossOrigin の*.js 読み込みの概要：

1. MAINページ で postMessage() をスタンバイ
2. IFRAME（CrossOrigin）ページを動的表示。
3. IFRAME 読み込み完了直後 postMessage() でMAINにハンドシェイク。
4. MAINページから IFRAMEページに欲しい script.js をオーダー
5. IFRAMEは Ajax で script.js (rawtext/javascript)を読む。
6. 読み込み完了後に IFRAMEからMAINページに raw を送信。
7. MAINページは script.js の raw を受取る。
8. <script>raw</script> すると実行も可能

こういう、postMessage() による通信のプロセスになりますが、
相手方にも通信用スクリプトを仕込んだ IFRAME ページを用意してもらう ことになります。

8番目の実行に至っては普通にCDN使えばいい。
いずれにせよ、ブラウザ側のJavaScriptでそれを実現する意味はありません。

Comments

[SakuTaka]

はい。相手から許可はもらえないのでその方法は使えません。
なので代替策を探しています。