Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
45
Help us understand the problem. What is going on with this article?
@mizchi

Atomの編集タブの一つとしてChromeのタブを開く

More than 5 years have passed since last update.

ということができるatomプラグインを作った https://github.com/mizchi/webview-pane

なにができるかはこれをみてほしい。

apm install webview-pane

WebView Pane: Open コマンドが入る

なにができるか

  • ローカルのhtmlを開ける
  • 任意のURLが開ける
  • 内側で開いたwebviewに対して独立したdevtoolsを開く

これでrailsアプリの開発中にlocalhost:3000開きっぱなしみたいなことができる。

どうやったのか

atomのベース部分のatom-shellのchrome拡張由来の機能として、webviewというカスタムタグが実装されている。これはiframeの強化版みたいなもので、別プロセスでタブを開けるという機能。このプラグインはatomのペーン単位としてこれを開いてるだけ。しかもdevtoolsを開けてすごく嬉しい。

バグ

webviewタグがdisplay:noneで非表示になるとGCがクラッシュするというバグがある。これは結構致命的で、タブを背面に回すと壊れることを意味する。(なので現在画面を分割して開いている)
https://github.com/atom/atom-shell/issues/989 でIssueたてたらchrome40が出たら直すよという話だった。
これが治るまでは結構不便かもしれない。とはいえ自分の用途では問題なく使えたのでリリースした。

雑感: webviewタグの信頼感

atom-shell/web-view-tag.md at master · atom/atom-shellに書かれていることは全部できる…と思いきやそう上手くいかない。

↑のバグの他に、ちょくちょく壊れてるっぽい挙動を目にするんだが自分としても安定するの待ってる感じ。

たとえば<webview/>reload() が動かなかったので webview.executeJavaScript('localtion.reload()')で代替している

要望

https://github.com/mizchi/webview-pane/issues までどうぞ

45
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
plaid
CXプラットフォーム「KARTE」の開発・運営、EC特化型メディア「Shopping Tribe」の企画・運営、CX特化型メディア「XD(クロスディー)」の企画・運営

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
45
Help us understand the problem. What is going on with this article?