Polypan: Ein Multi-Screen-Browser speziell für effiziente Webentwicklung

Kernvorteile:

• Multi-Screen-Synchronisationsansicht: Polypan untergr?bt die Tradition und verwendet Multi-Screen-Ansichten, um gleichzeitig den Effekt der Website unter verschiedenen Bildschirmgr??en anzuzeigen, wodurch die Effizienz des reaktionsschnellen Designs erheblich verbessert wird.
• Integrierte Entwicklungstools: leistungsstarke Entwicklungstools werden integriert, einschlie?lich Echtzeit-Nachladen, CSS-Debugging, Barriere-freie Tests, Vollbild-Screenshots, Ger?tesimulation usw., Vereinfachung des Entwicklungsprozesses und Verbesserung der Produktivit?t.
• verbessert die Effizienz signifikant: Untersuchungen zeigen, dass Entwickler, die Polypan verwenden, 3- bis 10 -mal effizienter sind und die Arbeitsbelastung von Fehlerbehebungen nach dem Online -Abgang erheblich reduzieren.

Als Entwickler verfolgen wir effiziente Tools. Wir haben die Tastatur, den Code -Editor und die IDE sorgf?ltig ausgew?hlt und sogar sorgf?ltig nachdenklich über das Code -Thema und die Schriftarten (ich habe den Fira -Code verwendet). Wir optimieren CSS und Bildverarbeitungsfluss und verwenden effiziente Build -Tools.

Wir st?bern im Internet mit demselben Browser wie Volkswagen. Ist das nicht seltsam? Wir haben sorgf?ltig von vielen Code -Redakteuren ausgew?hlt, und der Tipps für den Tastatur ist auch perfekt, aber wir verwenden weiterhin denselben Browser. So wie wir nicht wissen, wie wir Code in Word schreiben, sollten wir uns nicht damit zufrieden geben, einen normalen Browser für die Entwicklung der Website zu verwenden.

---

(Dieser Artikel wird aus der Artikelserie "Road Map" ausgehoben, die die Produkterstellung und -f?rderung aus der Perspektive der Entwickler untersuchen Erfahrung und Lektionen von Produktleitern

---

Einschr?nkungen traditioneller Browser:

Der Workflow der Verwendung eines herk?mmlichen Browsers ist normalerweise so: Erstellen Sie zuerst die Website zu einer Gr??e, passen Sie dann die Browsergr??e an und erstellen Sie dann das Design für diese Gr??e. Wiederholen Sie dies, es ist ineffizient. Schlimmer noch, w?hrend der Entwicklung k?nnen neue Anforderungen, die neue Seiten erhoben werden, abgeschlossene Seiten beeinflussen, was zu Nacharbeiten führt.

Zus?tzlich zum visuellen Design müssen wir auch Testen von Barrierefreiheit durchführen, Vollbild-Screenshots erstellen, Meta-Tags usw. überprüfen, wodurch mehrere Browser-Erweiterungen installiert werden müssen, was letztendlich zu einem langsamen Browser führt.

Die Einzigartigkeit von Polypan:

?ffnen Sie Polypan, Sie sehen nicht eine einzige Website, sondern eine synchrone Ansicht der Website unter mehreren Bildschirmgr??en, als würden mehrere Ger?te auf einem Desktop platziert. Noch wichtiger ist, dass diese Bildschirmgr??en synchronisiert sind: Scrollen-, Tippen-, Schwebe- oder Eingangsaktionen werden mit allen Bildschirmen synchronisiert. Sie betreiben dieselbe Website und betrachten sie einfach gleichzeitig in mehreren Gr??en.

Mehrere Bildschirme werden nebeneinander angezeigt, ohne wiederholte Einstellung der Browsergr??e. Sie k?nnen aus über 20 voreingestellten Ger?ten (Telefone, Tablets und Laptops) w?hlen oder die Gr??e frei einstellen. Sie k?nnen Polypan sogar bitten, Seite CSS zu analysieren, alle CSS -Medienabfragen zu finden und Bildschirmgr??en daraus zu erstellen, um sicherzustellen, dass Sie die Website immer an allen Zielgr??en testen.

Dies verbessert die Produktivit?t stark. Neben der Wiederholung der Browser -Gr??e wiederholt hat Polypane mehr getan:

• Echtzeit-Reload: Polypane unterstützt jedes Hot- oder Echtzeit-Reload-System und verfügt über einen Echtzeit-Reload-Server in der integrierten Null-Konfiguration. Geben Sie einfach den Ordner an, den Sie überprüfen m?chten. Es unterstützt sogar reine HTML -Dateien! Das Beste ist, dass, wenn Sie eine CSS -Datei oder ein CSS -Bild aktualisieren, Polypan nur den Inhalt aktualisiert, anstatt die gesamte Seite neu zu laden.

Browser Avatar -Entwicklungstool:

Sie k?nnen fragen: Was tun, wenn Sie ein Tool entwickeln? Die Entwicklungstools für herk?mmliche Browser sind gro?artig, und Polypane verwendet auch dieselben leistungsstarken Entwicklungstools (einschlie?lich Entwickler -Tool -Erweiterungen) wie Google Chrome und Microsoft Edge. Die Entwicklerwerkzeuge im Browser sind jedoch schlie?lich Add-Ons. 99% der Browser-Zielbenutzer sind Nichtentwickler, sodass wir nur diesen kleinen Entwickler-Werkzeugbereich erhalten k?nnen.

Wenn wir den gesamten Browser als Entwicklungstool betrachten, k?nnen wir nicht nur mehr neue Funktionen freischalten, sondern es auch optimieren, damit jede neue Funktion den Browser nicht wie eine Browser -Erweiterung verlangsamt.

Deshalb hat Polypane viele integrierte Funktionen:

• Volles Screenshot
• Ausrüstungssimulation
• Social Media Sharing Preview
• integrierte Barrierefreiheitstest
• Dunkler Modus und Abfragesimulation von Bewegungsmedien
• Echtzeit-CSS-Bearbeitung auf allen Bildschirmen
• Benutzerdefinierte Header
• Touchsimulation
• Farbblindheit Emulator
• Seitenbrowser, mit dem Ihre Lieferwerkzeuge, Dokumente oder Designs direkt neben Ihrer Website
angezeigt werden.
CSS Farbkontrastprüfung, schlagen Sie Farben vor und Vorschau in Echtzeit
Bildüberlagerung für visuelle Regressionstests oder Pixel Perfect Design

Erweitertes Testwerkzeug:

Dies ist nur der Anfang. Gibt es einen Elementinspektor, mit dem Sie gleichzeitig Seiten auf allen Bildschirmen bearbeiten und neue Stile und Inhalte bequem testen k?nnen? Der Polypanelementinspektor kann dies tun.

Kein anderer Browser kann mehrere Bildschirmgr??en gleichzeitig auf eine so intuitive und schnelle Weise bearbeiten. Wir haben auch ein Panel, das den Umriss der Seite überprüft (zeigt alle Titel und deren Hierarchien), alle Lokalstor- und Cookie -Informationen bearbeitet oder CSS- oder Sass -Code schreibt und ihn für superschnelle Prototypen in jeden Bildschirm einfügt.

überlagerungen in Polypan erm?glichen es Ihnen, schnell verschiedene Aktionen auf einem einzelnen Bildschirm auszuprobieren, z.

Alle diese Tools k?nnen Ihnen dabei helfen, verschiedene Teile Ihrer Webseite zu entwickeln. Laut unseren Forschungen zu Polypane -Benutzern erhalten Entwickler je nach Aufgabe 3- bis 10 -mal effizienter. Da Polypane es sehr einfach macht, Meta -Informationen und alle Browsergr??en zu überprüfen, wird die Arbeitsbelastung der Fehlerbehebung nach dem Online -Gehen ebenfalls stark reduziert.

In zukünftigen Artikeln werden wir untersuchen, wie man Polypane für eine vollst?ndige Website -überprüfung nutzt und wie ein reaktionsschnelles Design von Grund auf neuer Polypan -Funktionen erstellt.

Polypane bietet eine 14-t?gige kostenlose Testversion.

Polypanentwickler Browser FAQ:

(Der FAQ-Teil ist unten weggelassen, da es zu lang ist und nicht mit dem pseudooriginalen Ziel übereinstimmt. Ersatz.)

Das obige ist der detaillierte Inhalt vonTreffen Sie Polypane, einen Browser, der Sie fünfmal schneller macht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!