« 【本の紹介】 現場で役立つ Windows Server 2012 R2 Essentials 構築・運用ガイド | トップページ | Skype と Lync の間でビデオ通話をやってみた! »

2014年12月11日

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

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

image

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

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

« 【本の紹介】 現場で役立つ Windows Server 2012 R2 Essentials 構築・運用ガイド | トップページ | Skype と Lync の間でビデオ通話をやってみた! »

Internet Explorer」カテゴリの記事

ウェブログ・ココログ関連」カテゴリの記事

コメント

コメントを書く

コメントは記事投稿者が公開するまで表示されません。

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/51036/60793064

この記事へのトラックバック一覧です: WLWで投稿後ココログの「HTML編集」を開くと 【2014年12月11日版】:

« 【本の紹介】 現場で役立つ Windows Server 2012 R2 Essentials 構築・運用ガイド | トップページ | Skype と Lync の間でビデオ通話をやってみた! »

Translator


2017年12月
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            

スポンサード リンク


  • 女性向けイベントやブログモニターならトレンダーズ


Twitter


Facebook Like Box


最近のトラックバック

ツール



  • track feed 世の中は不思議なことだらけ

  • フィードメーター - 世の中は不思議なことだらけ

  • 私を登録 by BlogPeople

無料ブログはココログ