Q&A
ありがとうございます
Chromeでページのjavascriptを編集することはできますか？
勉強のため色々なサイトのjsをいじってみたいのですが、F12のの検証ツールからjsがいじれればいいのにと思うのですが、そんな機能はありますか？
回答3件
0
ベストアンサー
開発者ツールのコンソールから直接JavaScriptコードの入力・実行が可能できます.
※開発者ツールでのJavaScriptの実行は既存のスクリプトに処理を追加するだけであって, 既存スクリプトの中身を書き換えるわけではありません.
投稿2018/03/26 03:10
総合スコア4756
0
Chromeのdev toolsのSourceパネルにてJSファイルを編集できますが、そのままではローカルのソース・ファイルには保存されません。
しかし、サーバーから送られるファイルとローカルのファイルのマッピングを自分で指定することで、直接編集できるようになります。
DevTools ワークスペースによる永続化の設定 - Google Developers
この記事は公式のものですが、情報が古いのかChrome 65時点での操作方法と若干異なります。
現時点では画像のようにFilesystemタブというのがありそこの"Add folder to workspace"ボタンでローカルのフォルダーを指定すると、自動的にファイルの対応を認識してくれるようです。
投稿2018/03/26 05:46
総合スコア2551
0
Sourcesパネルから、外部ソースのJSを編集して確認することができます。
もちろん、直接変更することはできないので、変更したら、一旦DLなりしないといけないですが。
投稿2018/03/26 03:15
総合スコア3404
教えていただきありがとうございます。
低評価がつくだろうなあとは思っていましたが予想以上の不評ですね・・・。
検索がへたなのかどうしても自分では調べられませんでした。
お付き合いくださりありがとうございます。
一応、サーバーから送られるファイルとローカルのファイルのマッピングを指定することで直接編集できるようにする機能がありますよ。
https://developers.google.com/web/tools/setup/setup-workflow?hl=ja
詳しいURLありがとうございます。画面右クリックでローカルとつながるのですね。これでしたらほとんどエディタと同じですね。
karamarimoさま、コメントありがとうございます。そこまでできるとは知りませんでした…。
karamarimo さん
コメントの内容, 回答に追加されませんか？＋付けたい
defghi1977さん
では投稿しておきます。ありがとうございます。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/26 04:01