紙一重の積み重ね

35歳のエンジニアがなれる最高の自分を目指して、学んだことをこつこつ情報発信するブログです。

【Rails5 + Slim】ブラウザのメニューバーやツールバーなどを表示せずに、リンクを新しいウインドウで開く方法

f:id:yokoyantech:20181029174950p:plain

やりたいこと

  • リンクを別のウインドウで表示したい
  • 別のウインドウには、ブラウザのツールバーやメニューを表示したくない
  • 別ウインドウの大きさは手動で調整できるようにしたい

やりたいことのイメージ

  • 楽天銀行のログイン画面のこういうやつ f:id:yokoyantech:20181121140138p:plain

www.rakuten-bank.co.jp

実行環境

  • Rails5.2
  • Slim

実現方法

link_to @hoge.id, edit_hoge_path(@hoge), onclick: "window.open(this.href, 'hoge', 'height=800, width=1200'); return false;"

'height=800, width=1200'のオプション部分を指定することで、menubarなどのオプションの初期設定値は全て非表示にできる。 最後のreturn false;を外すと、親画面も遷移してしまうので注意。

参考情報

uxmilk.jp