Treffen Sie Polypane, einen Browser, der Sie fünfmal schneller macht

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!