Q&A
open in browser
https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser
ブラウザーをサポート：Chromium（Macのみ）、Firefox Developer Edition（Macのみ）、Edge（Windowsのみ、場合によっては機能しない
だそうです。
前提・実現したいこと
SublimeTextで書いたコードの確認を、chromeなどの様々なブラウザ上で確認したいです。
発生している問題・エラーメッセージ
それができるツールとして、view in browserとopen in browserというツールを導入しました。
view in browserは実行してもブラウザが立ち上がらず、全く表示ができません。
導入は下記のサイトなどを参考にしました。
https://beginningzero.blogspot.com/2017/06/sublimetextviewinbrowser_10.html
open in browserに関しては実行してもMicrosoft Edgeしか起動しない状況です
chromeの設定をしようかと思いましたが、何か間違っているのでしょうか？
どちらのツールでも構わないので、様々なブラウザで確認できるようにしたいですが、うまくいきません…。
該当のソースコード
open in browserの設定
// Open In Browser Settings - User
{
// Set enable to false to disable this plugin
"enable": true,
// Custom browser setting can be used to set a default browser to open links
"chrome": "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe",
// Make this true to get links beside URLs only on hover
"only_on_hover": false
}
試したこと
view in browserは一度全てアンインストールしてから、view in browserのみを導入しても、ブラウザが立ち上がらない。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
Webブラウザ上でHTML/CSS/JavaScriptを書いて試すことができるサービスの比較
https://laboradian.com/comp-web-service-html-css-js/
上記のアプリを使うよりも、kuma_kumaさんの仰るような代替案を代替案を考える方がよさそうなんですかね？
ご回答ありがとうございます！
基本的にはテキストファイルHTML,CSS,JS開いて動かす。
細かい調整はブラウザのデバック機能を使って調整して行う
保存だけできないけど(コピペ)だけどこれが一番楽。
というのも変な処理を中間で入れるとズレの原因になるから。
すいません、レベルが低すぎて上記の回答を正確にくみ取れているか分からないです。。
ブラウザのデバック機能とはデベロッパーモードのことでしょうか？
簡単な使い方はProgateというウェブサイトで学びましたが、正直使いにくく感じています。
＞というのも変な処理を中間で入れるとズレの原因になるから。
これもどうして途中で変な処理を入れてしまうことになるのかが分からないです。
ただ、何れにせよ、上記のツール以外にも確認する方法がいくらでもあることは勉強になりました。
ありがとうございます。
> ブラウザのデバック機能とはデベロッパーモードのことでしょうか？
はいそうです。機能が多すぎてはじめは戸惑いますが結局このツールで確認するしかなくなります。頑張って覚えましょう。
>変な処理を入れてしまう
そのままのテキストをブラウザ上のdocumentへ設定できない場合があるんです。(エラー構文や改行など)そういう場合、テキストを自動修正していたなんて事もあるので、そういう所でズレがでます。
まだまだ勉強不足ですが参考になりました。ありがとうございます！
回答1件
0
自己解決
必ずしも特定のツールに頼る必要がないので、デベロッパーモードなどで慣れていくことにしようと思います！
ありがとうございました！
投稿2020/09/23 11:01
総合スコア0
あなたの回答
tips
プレビュー
