ゆちの備忘録

忘れないように。色々メモ。

IE−win10 IE11開発者ツール[F12]で注意したいこと

◎IE11のローカルでajax(load)を動かす時に注意したいこと
IE11でテストする時(要localhostで起動)、
開発者ツール[F12]だしとくと途中で編集した内容もloadで再度反映することができてましたが
最近Windows10にアップデートしてから同じようにやってみたところ、編集内容が反映されない・・・(汗

開発者ツールの画面がちょっと変わったみたいです。
色々いじっていたところ、ここじゃね?ってところがあったのでメモ。

ここのアイコンをONにしておくと良いみたい(常にサーバーから更新する をONに)
標準ではOFFになっているみたいで、キャッシュが効いてしまって編集内容が反映されてなかったのかな〜
win7 IEの開発者ツールでも同じ設定があったかどうかは不明・・でも設定しなくてもいけてた・・
関連:*以前の記事

IE・Chrome・Aptana−IE11/ChromeはローカルでjQueryのload()が動作しない。のでAptanaのRUNコマンドを使う

IE11になって、ローカルでjQueryの*.load()が動かないっぽいので、

を入れてIE10にしてテストしてましたが、そろそろ何とかするか…と思って頑張ってググってみたけど解決策を見つけられず…
Chromeも同じ症状ですが、こちらは色々と情報はでてくるものの、これでいくか!的な解決策を見つけられず…


ローカルファイルとして開くとダメなようなので(サーバにアップすると問題無く動作している)
エディタとして愛用している「Aptana」のRUNコマンドを使って開いてみました。
これだと localhost127.0.0.1)で起動するので
インターネットゾーンで開いてることになり、IE11やchromeでもload()がちゃんと動作してくれました。


当面はこれでいくしかないかなぁ・・ん〜。

追記:2014.8.28>
↑では、最初の読込の時の内容の範囲では動作OKでしたが、途中でソースを編集したりすると、メインのウィンドウを開き直さないと編集内容は反映されませんでした。トホホ。
じゃ、開き直せば良いじゃないっていう話ですが、少しずつ編集してその都度画面の状態確認したいんだ〜!ウィンドウいちいち開き直したくないよ!
って、もやもやしてたら、IEだと「F12(開発ツール)」出しとけば、該当オブジェクトのみ読込み直ししても反映されました。
Firefoxだと、IEみたいな事しなくても編集した内容はオブジェクトの読込直しですぐに反映されるみたいです

IE−IEでfirebugみたいなこと。

ajaxで生成されたソースをチェックしたいと思ったときは、いつもfirefoxfirebugを使って確認していたんですが、
IEでもそれっぽい機能があるということを発見したので(今まで気づいてなかっただけ…)メモ。
IE9使用。IE8以前にもあったのかどうかは不明。


ソースを表示したいページを開いて、F12キー(開発ツール)押下。
※この時、ページを開くだけではF12押してもダメ。アドレスバーかタブを一回クリックしておくと良いみたい。
専用ウィンドウがひらくので、htmlタブを確認。
html構造の表示がメインで、テキスト関係は、文字列-○○という表示になるようです。ちょっと見にくいかも。

毎回firebugを立ち上げていたので、IEだけでチェックできるようになって良かった☆

追記1>
htmlタブの上部に並んでるアイコンの内、「スタイル付き要素ソース」や「編集」アイコンを使うと、選択した部分のソース表示というのが
できるみたいです。
▼「スタイル付き要素ソース」
htmlタブに表示されるソースの中から
動的に生成された要素のタグ部分を探して選択(この時、ブラウザでは、該当する箇所が枠で囲まれるようです)→アイコンクリック
これは、見たいところだけ限定して表示したい時に良いのかも。
▼「編集」
左のブロック内がツリー表示(?)からソース表示に切り替わる。
こっちの方がラクでした。


追記2>
ソースを表示したいページで右クリック→「要素の検査(L)」でも開発ツールが開いて動的に生成されたソースを確認できました。知らなかった…
※IE11で確認

(2014.3.25編集)