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

コアの利點(diǎn)：

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

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

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

---

（この記事は、開発者の観點(diǎn)から製品の作成とプロモーションを探求する「ロードマップ」シリーズの記事から抜粋しています。製品リーダーが學(xué)んだ教訓(xùn)を共有し、技術(shù)的な創(chuàng)業(yè)者に提供します。初期の製品を共有するプラットフォームによって學(xué)んだ経験とレッスン

---

従來のブラウザの制限：

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

さらに、視覚設(shè)計(jì)に加えて、アクセシビリティテストを?qū)g行し、フルスクリーンスクリーンショットを生成し、メタタグをチェックするなど、複數(shù)のブラウザー拡張機(jī)能をインストールする必要があります。

ポリパンの一意性：

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

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

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

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

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

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

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

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

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

高度なテストツール：

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

以上が5倍速くするブラウザであるポリパンに會いましょうの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。