2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【小ネタ】 VS Code が標準搭載しているビルドインのブラウザ機能(built-in Simple Browser)を試してみる

Posted at

はじめに

公式が以下で書いている「built-in Simple Browser」の話です。

この VS Code の Simple Browser について、例えば以下の記事などでも言及されています。

●Simple Browser in VS Code: My Coding Experience just Leveled Up!🙀 - DEV Community
 https://dev.to/nadiafedev/simple-browser-in-vs-code-my-coding-experience-just-leveled-up-51gm

試してみる

VS Code で Simple Browser を呼び出す

VS Code のコマンドパレットで「simple」などと入力すると、上記のビルドインの Simple Browser用の機能を呼び出せるようです。

image.png

そして、この後に URL を入力するという使い方になるようです。

image.png

ページの表示を試す(ローカルサーバー)

ページの表示を試してみます。とりあえず、以下の Next.js の「Getting Started」の内容を進めると立ち上がるローカルサーバーを使ってみます。

●Getting Started: Installation | Next.js
 https://nextjs.org/docs/app/getting-started/installation

ローカルサーバーには http://localhost:3000 でアクセスできる状態になりますが、それを Simple Browser では以下のように表示することができました。

image.png

インターネットのページを表示させてみる

最後に、インターネット上のページをいくつか表示させようとしてみた結果を掲載してみます。

どうやら表示できるページと、できないページとがあるようでした。

表示できたページ

●Visual Studio Code – コード エディター | Microsoft Azure
 https://azure.microsoft.com/ja-jp/products/visual-studio-code

image.png

●はてなブックマーク - 新着エントリー - テクノロジー
 https://b.hatena.ne.jp/entrylist/it

image.png

表示できなかったページ

●Download Visual Studio Code - Mac, Linux, Windows
 https://code.visualstudio.com/download

image.png

●Qiita
 https://qiita.com/

image.png

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?