あした思い出すよう

あさってもその次も

「New Tab Redirect」で「新しいタブ」時にHTMLファイルを読み込む

 手順としては

1.HTMLファイルを作成
2.New Tab Redirectでファイルパスを指定する

 

以下実際にやったこと。

 

DOCTYPE-HTML5タグリファレンス
「使用例 より」メモ帳等のテキストソフトへ貼り付け.htmlで保存。

f:id:dokosuke:20170820014526p:plain

HTML5のファイルが作成できる。

f:id:dokosuke:20170820014745p:plain

そしてブラウザで出力すると文字化け。

 

<meta charset="unicode">
の部分の『UTF-8』を『unicode』へ変更し保存。

f:id:dokosuke:20170820015206p:plain
これで思うようには表示されるようになりました。

 

f:id:dokosuke:20170820015454p:plain
当然ながらHTML表記で書かなければならないため、当然ですが単なる改行は反映されません。

f:id:dokosuke:20170820015605p:plain
このあたりははてなの「見たまま」で書き「HTML編集」のものを貼り付けるといったやり方がサクッとHTML表記をするのにいいのではないでしょうか。

 

f:id:dokosuke:20170820234235p:plain

リンクを作成し先程のHTMLファイル内に貼り付ける。

f:id:dokosuke:20170820234345p:plain
リンクが挿入されました。
この調子で自身が作成したい用に打っていきます。

 

ファイルが完成したら「New Tab Redirect」New Tab Redirect OptionsのRedirect URLにて作成したHTMLファイルのファイルパスを指定(ブラウザへドロップして、URLをコピーすると楽)。
『file:///(ここにファイルパス)』


すると「新しいタブ」を開いた際、作成したHTMLファイルを開くことができます。

 

f:id:dokosuke:20170821000150p:plain
そしてまた文字化け。
HTMLファイルの最初の設定をどうにかした方が良いように思いますが、とりあえずは当初の目的を達成することはできました。