• ベストアンサー

ブラウザ上でjavascriptを編集したい

Webブラウザで開いているjavascriptファイルを編集して、その場で処理がうまく行くかを確認したいのですが、 そのような事が出来るアプリケーションはありますか? ローカルにファイルを落としてファイルを編集するのでは無く、 Web上で動いている物に直接手を加えて(ブラウザが保存してるファイルを直接いじって)、うまくいくかのテストをしたいと思っています。 そういうアプリケーションがあったら教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • think49
  • ベストアンサー率59% (285/482)
回答No.2

Firebugはコンソール画面で新しくJavaScriptの命令を被せる形です。 ページ上のJavaScriptを編集できないので、希望通りの動作とはなりませんね…。 便利なので、JavaScriptデバッガとしてお勧めではあるのですが。 > Web上で動いている物に直接手を加えて(ブラウザが保存してるファイルを直接いじって)、うまくいくかのテストをしたいと思っています。 FirebugはHTMLのノードツリーを編集して、即反映させることは出来ます。 HTMLやCSSの動作確認には有効ですが、JavaScriptは既に実行が終わっているので、編集後のコードを初めから読み直さないとサイト上のJavaScriptを改変したことにはなりません。 これはFirebugでは出来ません。 実際に求めている動作としては、 - コードを編集して、編集後のコードで再読込する - ブラウザにコードが届く前にフィルタリングソフトで置換する の二者択一かな、と思います。 前者は知りませんが、後者はProxomitronが該当しますね。

参考URL:
http://www.pluto.dti.ne.jp/~tengu/proxomitron/

その他の回答 (4)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.5

Web用FTPクライアントで編集機能のあるものを使えば、その場で編集・更新別Windowで対象ページを開いて再読み込みして動作確認出来る。 Web用FTPクライアント(サーバー側にインストールするか提供サイトから利用する) ・net2ftp(とても重宝しています) http://www.net2ftp.com/ ・phpwebftp(軽いですが、今一不安定) http://www.phpwebftp.com/

回答No.4

ブックマークレットを使えばできなくはないかな。 いろいろ制限はあると思いますけどね。 HTML <body> <script type="text/javascript"> function myfunc(){ alert('hello'); } </script> <p><a onclick="myfunc();">クリック</a></p> </body> ブックマークレット javascript:(function(){window.myfunc=function(){alert('hoge');};})()

noname#87714
noname#87714
回答No.3

あとはCocProxyとか。 編集したファイルだけを置換ディレクトリに入れるだけ。 http://coderepos.org/share/wiki/CocProxy http://d.hatena.ne.jp/amachang/20081126/1227700830 --no-cache オプションを付けて起動すれば実環境とほぼ同じになる。

  • KI401
  • ベストアンサー率53% (44/82)
回答No.1

若干要件を満たしていない気がしないでもないが。まぁやっぱこれでしょう:  Firefox + Firebugアドオン

mizutaki
質問者

補足

一応別の部分の編集などでそれを使っていますが、javascriptの部分をどういじればいいのかが分かりません。 どういうふうにすればjavascriptを修正出来るのでしょうか?

関連するQ&A

  • ブラウザで開いたエクセルファイルは編集可能ですか?

    お世話になります。ASPによる社内データベース検索で 参考資料のエクセルファイルに単純にリンクを貼り、 表示できるようにしました。 私の環境(XP-Pro SP2、IIS5.1)でテストしたら、エクセルのファイル自体を編集はできるのですが、編集を保存しようとすると、クライアントのパソコン内にコピーをダウンロードして保存するか、編集を破棄するかの選択肢しかなく、サーバー内のファイルを書き換えることはできませんでした。(それでいいのですが・・) なお、このファイルはWeb上で利用者がアップロードしたファイルで、とくにファイルやフォルダに書き込み禁止などの設定はしていません。 私はブラウザで開いた場合、サーバー内のオリジナルに編集はできないのだと思ったのですが、サーバー内のファイルが書き換えられてしまうのではないかという声が多く、PDFファイルにしたほうよいといわれました。 やはりブラウザで開いても編集はできるものなのでしょうか? わかりづらい質問かもしれませんが、よろしくお願いします。

  • JavaScriptからJavaへの通信

    現在Firefoxの拡張機能として、Webブラウザ上の色情報を 取得し、それをxmlファイルに格納していくというものを作っているの ですが、FirefoxのJavaScriptプログラムからローカルアプリケーションのJavaプログラムを呼び出し、且つ引数を渡すということは可能なのでしょうか??見当違いな質問でしたら申し訳ありませんが、 JavaScriptからxmlファイルをローカルフォルダに作成する方法が 何でもいいのであれば教えてください!

  • localのjavascriptからアクセス

    お知恵をお貸しください. ローカルに保存されたjavascriptを記載したhtmlに ブラウザからアクセスをする際に そのjavascriptで同じローカルに保存されたファイル .txtなどにアクセスすることはできますでしょうか? もしできるのならば, txtファイルを開くという操作は, どのように記述すればよいのか教えていただけますでしょうか? よろしくお願いいたします.

  • javaScriptのセキュリティ

    javascriptの処理は、 クライアントサイドで改竄可能だと思っており、 高いセキュリティが求められる処理は、 サーバサイドがよい認識で合っていますでしょうか? 例えば、SQLインジェクション対策をjavascriptでしていたとして、以下の手順だとすり抜けられたりしないでしょうか? (1)ウェブページを表示して、ブラウザの「html保存」でクライアントサイドに保管する。 (2)html内で宣言されたjavascriptの各リンクも、一旦ダウンロードする。 (3)クライアントに落としてきたjavascriptを改竄する。 (4)クライアントに落としてきたhtml内のjavascriptのリンクをローカルのjavascriptに差し替えて、 サーバにリクエストする。 高いセキュリティが求められる処理は、 サーバサイドがよい認識で合っていますでしょうか?

  • ローカル環境で動作しないJavaScriptについ

    ちょっと気になったので質問させてください。 ↓こちらのページ等を参考にさせていただきながら、フォントサイズを変更できるサイトを制作しています。 http://web-mugen.com/javascript/jquerynochangecssfontsizechange/ ファイルはすべてローカルに保存し、相対パスで読み込んで作業しています。 ところがGoogle Chromeでのみ、ローカル環境でブラウザ確認してみると、フォントサイズが変わらなかったのです。 試しに似たようなプラグインを他にもいくつか試してみましたが、全部同じ結果でした。 が、悶々としたままテストサーバーへアップすると問題なく動いてくれました。 以前も何かのプラグインで同じようなことが、確かIEやFireFoxでも動かなかったことがあった気がします。 最終的に解決したので良いのですが、理由が気になります。 JavaScriptは全てローカルでも動作するものではないのでしょうか。 原因をご存知の方いらっしゃいましたら教えていただけませんか。

  • webアプリケーションでファイル編集

    webアプリケーションで、クライアント側にあるファイルを読み込んで、その内容を編集し、サーバ側に返信することは可能でしょうか? 流れ的には、ブラウザ側でなんからかのアクションをすると、ローカルにあるファイルを編集し、編集した内容をサーバ側にpostしたいと思っています。 使用する言語や技術はなんでもかまいません。 よろしくお願いします。

  • SDカードに入れたjavascriptファイルを

    PCでjavascriptでプログラムを作り、test.htmlという名前で保存しました。 test.htmlは、パソコンのブラウザ(Chrom)で、正常に動きます。 このtest.htmlをSDカードにコピーして、android端末に入れました。 アストロファイルマネージャで、このtest.htmlを見つけて、ダブルクリックしましたが 何も表示されません。 アストロファイルマネージャで、test.htmlを起動しようとすると、アプリケーションを選択画面 になり、HTMLViewerを選択するのですが、何も表示されないんです。 このHTMLViewerがjavascriptをオンの設定になっていないからでわ?と思い、 いろいろいじってみますが、javascriptをオンにするような設定は見当たりませんでした。 しょうがないので、次に、androidスマホに最初から入っていた、地球のマークのブラウザ を起動して、SDカードのhtmlファイルを読み込めないかがんばったのですが、 どこにもSDカードのhtmlを読み込む項目もなく urlを入力する欄に、/mnt/sdcard/javascript/test.html と直接打って読み込もうとするも、うまくいかず 自作のjavascriptで書いた、htmlファイルをスマホで実行するには、どのようにしたら いいでしょうか。 アドバイスがあれば教えていただけるとうれしいです。

  • ブラウザに保存されているcookieを利用したい

    ブラウザに保存されているcookieをjavascriptなどで取得することは可能でしょうか? この度ニコニコ動画のマイページを取得し、ほしい情報だけ抽出するwebアプリケーションを開発したのですが、ページ取得の際のログインをどのようにしようかと迷っています。正規のログイン画面でクッキーを取得した場合ブラウザに保存されているcookieが無効になってい、利便性にかけます。 そのため現在はブラウザに保存されているcookieを手動でソースに貼り付けて使っています(笑)。 ローカルサーバー内で使う分には結構満足しているのですが、どうせならどこからでも自由に使えるようにしたいのでソースにcookie情報が残らないようにしたいのです。 ちなみにブラウザは主にFirefoxを使っています。もしwebアプリケーションでは無理でもアドオンを開発して連携させればできるかも、なども詳しい方は合わせて教えてください。 どうかよろしくお願いします。

  • FC2ブログ本文でjavascriptを使うには

    テンプレート上やプラグインとしてではなく、特定の記事でjavascriptを使いたいのですがうまくいきません。 記事の編集画面で以下のコードを入力してもリアルタイムプレビューに何も表示されず、 記事の保存後はブラウザの左下の方に「実行しましたがページ内でエラーが発生しました。」と出ます。 <SCRIPT language="JavaScript"> <!-- document.write("テスト"); //--> </SCRIPT> 同じコードをメモ帳でhtmlファイルとしてローカルに保存したものは正常に動作します。 FC2自体にjavascriptに関する制約があるのでしょうか? ブラウザはIE7です。 あと関係あるか分かりませんが、テンプレートは以下のものを使わせていただいています。 http://blog10.fc2.com/control.php?mode=design&process=download&no=17757&mob=0 よろしくお願いします。

  • CSS, Javascript読み込めない

    Windows10のノートパソコンを使用しています。各ブラウザの設定は初期設定のままです。 ローカル(PC内)でHTMLファイルにCSSファイル1つとJavascriptファイル1つを読み込ませ、Google Chrome, Microsoft Edge, Internet Explorerで開いたのですが、どのブラウザでもCSSもJavascriptも認識されていません。 ファイル名とそのパスやソースコードを確認しましたが、記述に間違いはありません。htmlファイルと同じ階層にCSSファイルとJavascriptファイルを入れています。 Google Chromeの検証機能で確認するとCSSとJavascriptのファイルが見つかりませんとなっています。 ネットで調べましたが原因は不明です。以上のことから、CSS、Javascriptが読み込めない原因として考えられることを教えて下さい。

    • ベストアンサー
    • HTML