BETA

Qrunchの投稿画面で常にプレビュー画面を表示

投稿日:2019-11-25
最終更新:2019-11-27

JavaScriptコード

記事を投稿する際に、常にプレビュー画面を表示するJavaScriptコードを書いてみた。
Chrome拡張機能のTampermonkeyで動作確認済み。

if (document.getElementsByClassName("container")[0].getAttribute("realtime-preview-mode") == null) {  
    document.getElementById("realtime-preview-mode").click();      
}  

コード解説

  1. プレビュー画面が表示されているかの判定。

    if (document.getElementsByClassName("container")[0].getAttribute("realtime-preview-mode") == null) {  
     //実行したい処理        
    }  
  2. 表示されていなければ、プレビューモード切り替えボタンをクリック。

    document.getElementById("realtime-preview-mode").click();  

追記

プレビュー画面に右端のパネルが重なるので、同じ要領でパネルを自動的に閉じる。

if (document.getElementsByClassName("container")[0].getAttribute("sub-box-closed") == null) {    
    document.getElementById("sub-box-toggle-button").click();        
}  
技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@kazudachiの技術ブログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう
目次をみる
技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
or 外部アカウントではじめる
10秒で技術ブログが作れます!