English / Japanese
HTML Speed Viewer
An HTML viewer that instantly displays HTML content embedded within PHP and HTML files. This allows you to quickly preview your code, enhancing your development efficiency.
Features
- Non-Server Based: Preview HTML files or HTML content within PHP files without relying on a server.
- Quick and Simple: Ideal for quickly viewing HTML without the need for a full server setup. For previews that closely resemble the actual appearance, it is recommended to use server-based viewers (with additional feature extensions).
- Real-Time Preview: Automatically updates the preview when you edit HTML/PHP files.
- Element Synchronization Highlighting:
- Selecting a specific HTML element in the code editor highlights the corresponding element in the preview with a blue border.
- Clicking an element in the preview selects the corresponding HTML element in the code editor.
How to Use
1: Open any HTML file or PHP file containing HTML.
2-1: (Method 1)
Click on the "HTML Speed Viewer" icon in the activity bar to open the activity pane.
2-2: (Method 2)
Open the command palette (Ctrl+Shift+P or Cmd+Shift+P), type "HTML Speed Viewer," and execute the command.
3: A preview window will appear next to the editor.
4: Select an HTML element in the code editor to see the corresponding element highlighted with a blue border in the preview.
5: Click an element in the preview to highlight the corresponding HTML element in the code editor.
Release Notes
β Version 0.6.7 - 0.6.0
- Implemented local resource preview.
- Added link disabling functionality.
- Improved Editor Display Processing.
- Code refactoring.
β Version 0.5.19 - 0.5.0
- Activity Bar Icon and GUI Preview Display:
Adds an icon to the activity bar, allowing users to easily access the extension. The GUI-based preview display feature enables quick and intuitive visualization of HTML content directly within the interface.
- Added preview handling for tab changes.
- Enabled display of external resources in preview.
- Added telemetry information.
α Version 0.4.1
- Code refactoring.
- Improved viewer startup behavior (allows the viewer to start even when no page is selected).
- Added telemetry information.
α Version 0.3.23 - 0.3.7
- Initial release.
- Implemented real-time preview and synchronization highlighting between the code editor and preview.
Future Plans
- Beta 0.6.x Releases: updates and feature additions based on user feedback.
- Product Release
Contributing
To report bugs or suggest features, please use the following site:
HTML Speed Viewer Support Page
License
This extension is provided under the following terms:
- Scope of Use: Available as a Visual Studio Code extension.
- Redistribution: Please install from the Visual Studio Marketplace. Redistribution is not permitted.
- Modification: Modifying the source code is not allowed.
- Commercial Use: Commercial use is permitted.
Support
For inquiries about this extension, please contact us through the following support page:
HTML Speed Viewer Support Page
Thank you for using HTML Speed Viewer!
日本語
HTML Speed Viewer
HTMLビューアです。迅速にHTMLコードをプレビューし開発効率を高めます。
テンプレートPHPファイルなど内部にHTMLエンコードされたphpファイルもHTMLプレビューする機能もあります。
特徴
サーバー型でなく、HTMLファイルやPHPファイルに記載されているHTMLファイルをプレビューします。
簡易にクイックにHTMLのプレビュー用途でご利用ください。
使い方
1: 任意のHTMLファイルやHTMLが記載されているPHPファイルを開きます。
2-1:(方法1)
アクティビティバーにある「HTML Speed Viewer」のアイコンをクリックしてアクティビティバーを開きます。
2-2:(方法2)
コマンドパレット（Ctrl+Shift+P または Cmd+Shift+P）を開き、「HTML Speed Viewer」と入力して実行します。
3: エディタの横にプレビューが表示されます。
4: コードエディタでHTML要素を選択すると、プレビュー側で対応する要素が青色の枠でハイライトされます。
5: プレビュー側で要素をクリックすると、コードエディタで対応するHTML要素が選択されます。
リリースノート
β版 0.6.7 - 0.6.0
- ローカルリソースの表示の追加
- リンク無効化機能の追加
- コードリファクタリング
- エディタ表示処理の改善
β版 0.5.19 - 0.5.0
- アクティビティバーのアイコン設置とGUIでプレビュー表示機能追加
- タブ切り換え時のプレビュー処理を追加
- プレビュー表示の修正（外部リソースの表示を許可）
- テレメトリー情報追加
α版 0.4.1
- コードリファクタリング
- Viewerの起動仕様を改善（空ベージ選択時でもViewerが起動できるように変更）
- テレメトリー情報追加
α版 0.3.23 - 0.3.7
- 最初のリリース
- リアルタイムプレビューとコードエディタとの同期ハイライト機能を実装
- 利用期限が2024年12月31日までのα版です
今後の予定
- β版 0.6.x リリース（ユーザーフィードバックに基づき、機能追加、アップデートバージョンを予定）
- プロダクトリリース
コントリビュート
バグの報告や機能の提案は、以下のサイトを通じてお知らせください。
HTML Speed Viewerサポートページ
ライセンス
本拡張機能は、以下の利用目的で提供されています。
- 利用範囲: Visual Studio Codeの拡張機能としてご利用いただけます。
- 再配布: Visual Studio Marketplaceからのインストールをお願いいたします。再配布は許可されておりません。
- 改変: ソースコードの改変は許可されておりません。
- 商用利用: 商用目的でのご利用可能です。
サポート
本拡張機能に関するお問い合わせは、以下の窓口よりご連絡ください
HTML Speed Viewerサポートページ
ご利用いただきありがとうございます！
