5倍速くするブラウザであるポリパンに会いましょう

Polypane：効率的なWeb開発のために特別に設計されたマルチスクリーンブラウザー

コアの利点：

• マルチスクリーンの同期ビュー：Polypaneは伝統を破壊し、マルチスクリーンビューを使用して、異なる画面サイズでウェブサイトの効果を同時に表示し、レスポンシブデザインの効率を大幅に改善します。
• 統合開発ツール：リアルタイムリロード、CSSデバッグ、バリアフリーテスト、フルスクリーンスクリーンショット、デバイスシミュレーションなど、強力な開発ツールが組み込まれています。生産性の向上。
• 効率が大幅に向上します。調査によると、ポリパンを使用する開発者は3〜10倍効率的であり、オンラインに進んだ後のバグ修正のワークロードを大幅に削減します。

開発者として、効率的なツールを追求しています。キーボード、コードエディター、IDEを注意深く選択し、コードテーマとフォントについて細心の注意を払って考えていました（FIRAコードを使用しました）。 CSSと画像処理フローを最適化し、効率的なビルドツールを使用します。

しかし、フォルクスワーゲンと同じブラウザを使用してWebを閲覧しています。これは奇妙ではありませんか？多くのコードエディターから注意深く選択しましたが、キーボードのタイピングセンスも完璧になるように努力していますが、同じブラウザを使用し続けています。 Wordでコードを書く方法がわからないように、Webサイトの開発に通常のブラウザを使用することに満足すべきではありません。

---

（この記事は、開発者の観点から製品の作成とプロモーションを探求する「ロードマップ」シリーズの記事から抜粋しています。製品リーダーが学んだ教訓を共有し、技術的な創業者に提供します。初期の製品を共有するプラットフォームによって学んだ経験とレッスン

---

従来のブラウザの制限：

従来のブラウザを使用するワークフローは通常、このようなものです。まず、ワンサイズでWebサイトを構築してから、ブラウザサイズを調整してから、そのサイズのデザインを構築します。これを繰り返し、それは非効率的です。さらに悪いことに、開発中、新しいページによってもたらされた新しい要求は、完了したページに影響を与え、その結果、やり直しになります。

さらに、視覚設計に加えて、アクセシビリティテストを実行し、フルスクリーンスクリーンショットを生成し、メタタグをチェックするなど、複数のブラウザー拡張機能をインストールする必要があります。

ポリパンの一意性：

ポリパンを開くと、単一のWebサイトではなく、複数の画面サイズの下のWebサイトの同期ビューが表示されます。さらに重要なことに、これらの画面サイズは同期されています。スクロール、タップ、ホバー、またはアクションアクションは、すべての画面に同期されます。同じWebサイトを運営しており、複数のサイズで同時に表示するだけです。

ブラウザサイズを繰り返し調整することなく、複数の画面が並んで表示されます。 20を超えるプリセットデバイス（電話、タブレット、ラップトップ）から選択するか、サイズを自由に調整できます。 PolypaneにページCSSを解析し、すべてのCSSメディアクエリを見つけて、そこから画面サイズを作成するように依頼し、常にすべてのターゲットサイズでWebサイトをテストすることもできます。

これ自体が生産性を大幅に向上させます。ブラウザのサイズを繰り返し排除することに加えて、ポリパンはさらに多くのことをしました：

• リアルタイムリロード：ポリパンは、ホットまたはリアルタイムのリロードシステムをサポートし、ゼロ構成リアルタイムリロードサーバーを組み込みました。確認するフォルダーを指定するだけです。純粋なHTMLファイルもサポートしています！最良のことは、CSSファイルまたは画像を更新する場合、ポリパンはページ全体をリロードするのではなく、コンテンツのみをリフレッシュすることです。

ブラウザアバター開発ツール：

尋ねることができます：ツールを開発した場合はどうすればよいですか？従来のブラウザ向けの開発ツールは優れており、ポリパンはGoogle ChromeやMicrosoft Edgeと同じ強力な開発ツール（開発者ツール拡張機能を含む）も使用しています。しかし、ブラウザ内の開発者ツールは結局のところアドオンです。ブラウザのターゲットユーザーの99％は開発者ではないため、この小さな開発者ツール領域しか取得できません。

ブラウザ全体を開発ツールと考えると、より多くの新機能のロックを解除するだけでなく、各新しい機能がブラウザの拡張機能のようにブラウザを遅くしないように最適化することもできます。

これが、ポリパンに多くの組み込み機能を備えている理由です：

フルスクリーンショット
機器シミュレーション
ソーシャルメディア共有プレビュー
ビルトインアクセシビリティテスト
ダークモードとモーションメディアクエリシミュレーションの削減
• すべての画面でのリアルタイムCSS編集
• カスタムヘッダー
• シミュレーションをタッチ
• 色覚異常エミュレータ
あなたのウェブサイトのすぐ隣に配達ツール、文書、またはデザインを表示する
• サイドブラウザ
• CSSカラーコントラストチェッカー、色を提案してリアルタイムでプレビューする
• 視覚回帰テストまたはピクセルパーフェクトデザインのための画像オーバーレイ

高度なテストツール：

これはほんの始まりに過ぎません。すべての画面のページを同時に編集し、新しいスタイルとコンテンツを便利にテストできる要素検査官はありますか？ポリパン要素検査官はこれを行うことができます。

以上が5倍速くするブラウザであるポリパンに会いましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。