WLWで投稿後ココログの「HTML編集」を開くと 【2014年12月11日版】

2014年11月24日にWLWで投稿後ココログの「HTML編集」を開くと 【2014年11月24日版】 で、Windows Live Writer で投稿後、IE11でココログの「HTML編集」に入った妙なスペースを「F12開発者ツール」で削除する方法を紹介しました。

さて、2014年12月の Windows Update で、Internet Explorer のセキュリティ更新プログラムが２つ配信されています。これによって、またもや、「F12開発者ツール」が変わりました。今度は、「F12開発者ツール」のデザイン変更です。前は、左側にアイコンによる選択メニューがありました。参考：WLWで投稿後ココログの「HTML編集」を開くと【IE11編】

新しい「F12開発者ツール」は、上部にテキストによる「タブ」が表示されるようになりました。

「F12開発者ツール」の見た目が少々違いますので、改めて紹介します。

1. Windows Live Writer で記事を書き、ココログへ投稿。
2. 投稿後、IE11でココログの管理ページへログインし、投稿した記事を編集するページを開く
3. 「HTMLの編集」タブを開くと空白タグ [  ] がたくさん入っている。
    
4. F12キーを押して、「F12開発者ツール」を起動
   
   ※IEウィンドウの下部に表示された場合は、右側上部にある「ピン留めを外す」を使うと、IEから離せます。
   
5. 上部にある「エミュレーション」タブをを選択。
   
   ウィンドウの幅が狭く見つからない場合は、下矢印を押すと見つかります。
   
6. 「エミュレーション」が開く
   
7. 「ドキュメント モード」を「8」に変更
   
8. 自動的に、「記事の作成」タブに戻るので、再度「HTMLの編集」タブを開く
9. 無駄な空白タグ [  ]が消えました。
   
10. 「F12開発者ツール」を表示させたまま、編集作業をして、「保存」します。
11. ページが更新されたのを確認したら、「F12開発者ツール」を×ボタンで閉じます。