Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
Menü
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Login
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Blick auf die Uferpromenade in Bremen bei Sonnenuntergang..

      Bremen

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Menü
  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Agentur eintragen →
Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Blick auf die Uferpromenade in Bremen bei Sonnenuntergang..

      Bremen

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

Agentur eintragen →
Dr. Web » Design » So testest du deine Website auf Microsoft Edge unter Mac, Linux und Windows

So testest du deine Website auf Microsoft Edge unter Mac, Linux und Windows

Sozial sein
Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email
  • Keine Kommentare
Lesedauer: 6 Minuten
  • von Dr. Web Redaktion
  • 20. November 2015
Bookmarke mich
Share on pocket

SEO-Sicht

Chris Hortsch Webdesign

DRWA Das Rudel Werbeagentur

wolli ruf - mediendesign

Der Informations­designer

4eck Media GmbH & Co. KG

Microsoft Edge ist der neue Standardbrowser in Windows 10. Mit seiner neuen Rendering Engine (EdgeHTML) und vielen interessanten Funktionen für den Nutzer ist Edge ein Browser für das moderne Web. Wer mehr zu Microsoft Edge erfahren möchte, dem empfehle ich diesen TechTalk, den ich gemeinsam mit meinem Kollegen Daniel Meixner aufgenommen habe.

So testest du dein Website auf Microsoft Edge

Durch die Möglichkeiten für viele Windows 8/8.1- und Windows 7-Nutzer, kostenfrei auf Windows 10 zu aktualisieren, wird sich Microsoft Edge schnell verbreiten und spielt daher für Webentwickler eine immer wichtigere Rolle. Aus diesem Grund sollte die eigenen Website auch auf dem neuen Browser getestet werden, insbesondere, wenn noch auf veraltete Technologien wie Browser-Weichen über den User Agent oder Plug-Ins zurückgegriffen wird. In Zukunft sollte also Microsoft Edge ein fester Bestandteil der Testmatrix sein. Doch wie kann man Websites für den Windows 10-Browser testen, wenn man kein Windows 10-System zur Verfügung hat? Im Folgenden möchte ich die Werkzeuge vorstellen, die Microsoft dafür bereitstellt.

Wer sich lieber ein Video anschaut anstatt zu lesen: Fast alle der folgenden Punkte habe ich auch in dem folgenden Video auf Channel 9 zusammengefasst:

Video: Testen der eigenen Website für Microsoft Edge von Mac, Linux und Windows

Testen für Microsoft Edge

Das Wichtigste vorab: Wer heute schon auf moderne Web Standards zurückgreift und auf Browser-spezifische Funktionalitäten verzichtet, dessen Website wird mit sehr großer Wahrscheinlichkeit bereits jetzt ohne Probleme mit Microsoft Edge funktionieren.

Für eine Kompatibilität mit Microsoft Edge sollten möglichst viele der folgenden Fragen mit “Ja” beantwortet werden können:

  • Verzichte ich auf die Verwendung von veralteten Document Modes? Nutzung von <!DOCTYPE html> und Verzicht auf x-ua-compatible im Header der Seite
  • Wird unterschiedlichen modernen Browsern das gleiche Markup ausgeliefert? Verzicht auf Browser-Weichen
  • Wie andere moderne Browser bringt Microsoft Edge Unterstützung für Flash und PDF mit. Andere Plug-Ins werden nicht unterstützt. Viele Plug-Ins sind durch moderne Web Standards nicht mehr zeitgemäß. Verzichte ich auf veraltete Plug-Ins?
  • Sind alle JavaScript Libraries aktuell? Veraltete JavaScript Libraries können Sicherheitsrisiken, Browser-Weichen und fehlende Unterstützung für z.B. Touch Events mit sich bringen.
  • Verzichte ich auf User Agent Sniffing zum Zweck der Browser-Erkennung? Browser Detection statt Feature Dectection kann dazu führen, dass Nutzer neuer Browser/Browser-Versionen nicht korrekt erkannt werden und daher nicht alle Funktionen der Website nutzen können. Hier sollte auf Feature Detection umgestellt werden.
  • Verzichte ich auf herstellerspezifische CSS Prefixes oder gebe ich zumindest immer auch die herstellerneutrale Variante an? Die Nutzung von speziellen CSS Prefixes, ohne die Angabe einer Alternative, kann die Darstellung der Seite für Nutzer anderer Browser erheblich verschlechtern.

Diese Fragen lassen sich mit den richtigen Werkzeugen schnell beantworten.

Site Scan

Unter http://dev.modern.ie/tools/staticscan/ steht ein kostenfreier Site Scan zur Verfügung, welcher die eigene Website auf die oben genannten Punkte untersucht und ggf. Verbesserungsvorschläge liefert. Umso besser eine Seite in diesem Test abschneidet, umso besser ist auch die Kompatibilität mit Edge und anderen modernen Browsern.

image

Die wichtigsten Bereiche sind dabei die oben angesprochenen Punkte, beim Site Scan unter “Modern web interoperability” zu finden. Wer weitere Verbesserungen wie Responsive Design oder eine optimale User Experience unter Windows umsetzen möchte, kann zudem bei den unteren Punkten tiefer einsteigen.

Ein typischer Testbericht gibt einem einen guten Einblick in die kritischen Punkte und liefert Hinweise und Links zur Verbesserung der eigenen Seite. Hier als Beispiel die Details zu CC Prefixes:

image

Virtuelle Maschinen mit Microsoft Edge

Viele Entwickler haben aktuell noch nicht die Möglichkeit auf ein Windows 10-System mit Microsoft Edge für Testzwecke zurückzugreifen. Aus diesem Grund stehen über http://dev.modern.ie/tools/vms/ virtuelle Maschinen (VMs) für Linux-, Mac- und Windows-Host-Systeme zur Verfügung. Je nach System sind die VMs für die Nutzung mit Hyper-V, VirtualBox, VMware oder Parallels ausgerichtet.

image

Die für einen Test mit Microsoft Edge relevante VM ist “Microsoft Edge on Win10”, es stehen jedoch für den Unternehmenseinsatz auch VMs mit älteren Windows-Versionen und den Internet Explorer-Ausgaben von Version 6 bis 11 bereit.

Nach dem Download der VM (ca. 4 GB), muss diese noch mit dem gewählten Virtualisierungstool gestartet werden. Der Login für die Windows 10 VM mit Edge lautet “IEUser” (User) und als Passwort “Passw0rd!” – jeweils ohne “”.

In der virtuellen Maschine kann Microsoft Edge nun für Tests der eigenen Seite verwendet werden. Hierfür stehen, neben dem Browser, natürlich auch die neuen F12-Entwicklertools von Microsoft Edge zur Verfügung. Mit diesen kann nicht nur zwischen dem Windows 10- und Windows 10 Mobile-Modus gewechselt werden, sondern auch die eigene Seite zu Testzwecken mit unterschiedlichen User Agents aufgerufen werden.

image

Fernzugriff auf einen Internet Explorer mit Edge Rendering Engine über RemoteIE

Da nicht für jeden Entwickler und jede Hardware der Download und Betrieb einer vollständigen virtuellen Maschine geeignet ist, besteht unter https://remote.modern.ie/ die Möglichkeit, über Azure Remote App kostenfrei auf eine angepasste Form des Internet Explorer 11 mit EdgeHTML Rendering Engine (statt Trident / MSHtml) zurückzugreifen.

Den Azure Remote App Client gibt es für Mac, iOS, Android, Windows Phone und Windows zum Download. Über diesen Client kann dann direkt, ohne Download einer vollständigen VM, auf einen Browser mit der neuen Rendering Engine zurückgegriffen werden.

image

Wie ein Check des User Agent Strings zeigt, identifiziert sich dieser Browser, trotz Internet Explorer-Optik, mit dem gleichen User Agent String wie Microsoft Edge und nutzt die gleiche Rendering Engine.

image

Dieser Browser kann somit zum Test der eigenen Website für Microsoft Edge verwendet werden. Dies ist ein wichtiger Unterschied zum “regulären” Internet Explorer 11 unter Windows 10, welcher weiterhin aus Kompatibilitätsgründen zur Verfügung steht und die bisherige Trident Engine nutzt.

image

Zusammenfassung und weitere Ressourcen

Wie dieser Artikel gezeigt hat, können dank der Werkzeuge auf dev.modern.ie neben einem Windows 10-System mit Edge diverse weitere Tests der eigenen Website für Microsoft Edge verwendet werden. Hiermit sollte einem Test, auch von Mac- und Linux-Systemen, nichts mehr im Weg stehen.
Hier noch ein paar weitere Informationen zum Test für Microsoft Edge:

  • Microsoft Edge unterstützt auch WebDriver zum automatisierten Test von Websites. Das entsprechende Tool steht hier zum Download bereit. Die möglichen WebDriver-Kommandos findet man im Bereich Platform Status auf der Edge Developer Site. Dieser Blogeintrag geht näher auf die Verwendung von WebDriver ein.
  • Um die Unterstützung für einzelne Funktionen in Microsoft Edge (und anderen Browsern) zu prüfen, gibt es unter http://dev.modern.ie/platform/status/ eine Übersicht mit Suchfunktion.
  • Neben den Entwickler-Ressourcen unter http://dev.modern.ie gibt es Community-Unterstützung bei stackoverflow. Auch Microsoft-Mitarbeiter (unter anderem aus der Edge-Produktgruppe) sind dort aktiv.
  • Auf GitHub findet sich zudem ein Tutorial zum Edge Mode und dem Thema Feature Detection.

Ich hoffe, ich konnte mit diesem Artikel einen guten Überblick über die Möglichkeiten für den Test der eigenen Website für Microsoft Edge geben. Bei Fragen und Anregungen stehe ich gerne über die Kommentare oder Kontaktmöglichkeiten zur Verfügung. 

Links:

    • TechTalk zu Microsoft Edge: https://channel9.msdn.com/Blogs/TechTalk/Episode-34-Microsoft-Edge-fr-Developer
    • Video: Testen der eigenen Website für Microsoft Edge: https://channel9.msdn.com/Blogs/malte_lantin/Testen-der-eigenen-Website-fr-Microsoft-Edge-auf-Mac-Linux-und-Windows
    • Edge Developer-Ressourcen: http://dev.modern.ie/
    • Code Scan: http://dev.modern.ie/tools/staticscan/
    • Virtuelle Maschinen mit Microsoft Edge: http://dev.modern.ie/tools/vms/
    • RemoteIE mit EdgeHTML Engine: https://remote.modern.ie/
    • Microsoft WebDriver Download: http://www.microsoft.com/en-us/download/details.aspx?id=48212
    • WebDriver Status: http://dev.modern.ie/platform/status/webdriver/details/
    • Blogpost zu WebDriver Support in Edge: http://blogs.windows.com/msedgedev/2015/07/23/bringing-automated-testing-to-microsoft-edge-through-webdriver
    • Edge Platform Status: http://dev.modern.ie/platform/status/
    • Stackoverflow Forum zu Edge: http://stackoverflow.com/questions/tagged/microsoft-edge
    • EdgeMode and Feature Detection: https://github.com/deltakosh/interoperable-web-development/tree/master/edge-mode-and-feature-detection

Zum Autor

Malte Lantin beschäftigt sich als Technical Evangelist bei Microsoft Deutschland in erster Linie mit Webtechnologien und der Cloud-Plattform Microsoft Azure. In seiner Rolle verantwortet er zudem das Microsoft-Förderprogramm für technische Studierende „Microsoft Student Partners“. Seit mehreren Jahren ist er nun als Sprecher auf Entwicklerkonferenzen und als Trainer für Microsoft-Technologien aktiv. Nach seinem Studium der Wirtschaftsinformatik war er seit Januar 2010 zunächst als Product Manager für Microsoft Azure und dann als Audience Marketing Manager für die technische Ansprache von Entwicklern und IT-Professionals verantwortlich.

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 0 / 5. Anzahl Bewertungen: 0

Dr. Web Redaktion

Dr. Web Redaktion

An einem „Dr. Web Redaktion“ Artikel arbeiten i.d.R. mehrere Autoren, unter anderem Michael Dobler, Markus Seyfferth und Jörg Mrusek.

Agenturpartner

JOHDA Webdesign

Berlin

Fotografie Jennifer Klüpfel

Bodenheim

marketer UX

Düsseldorf

Optimerch GmbH

Dortmund

Warscher – Digital Experts

Horgen

Alle Agenturpartner

Jobs

System Engineer – Managed Service

Karlsruhe

Teamleiter Online Marketing

München

Online Marketing Manager

München

Frontend-Entwickler Angular, React

Bonn

Inside Sales Manager

Karlsruhe

Zum richtigen Job

Newsletter

Tipps, Tricks, Ratgeber. Unser Newsletter: Jeden Dienstag frisch gedruckt in Deinem Mail-Postfach.

Lust auf mehr? Wir empfehlen folgende Artikel:

Webdesign Trends 2022: Das erwartet uns

Animation, Interaktion und Immersion: Das neue Jahr bringt zahlreiche Trends im Webdesign mit sich und entwickelt einzelne Bereiche weiter. Bereits jetzt ist klar – in Sachen Webdesign-Trends hat das Jahr 2022 einiges zu bieten.

 →   

Google Fonts sind nicht mehr datenschutzkonform. Was nun?

Mit dem Urteil des Landgerichts München vom 20.01.2022 ist nun auch die Verwendung von Google Fonts über die Fonts API nicht mehr datenschutzkonform. Zeit sich nach einer Lösung umzusehen, wie Du dennoch Google Fonts weiterhin einsetzen kannst.

 →   

Dunkel Design – herzlich willkommen auf Dr. Web

Wir freuen uns, dass Moritz Dunkel mit seiner Agentur DNKL.DSGN aus Köln an Bord ist. Moritz Dunkel von Dunkel Design verstärkt unser Agentur-Netzwerk. Inhaltsstarke Seiten

 →   

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email

Wissen finden

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
Menü
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑
Menü
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑

Für Agenturen & Unternehmer

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Menü
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Das große Dr. Web Icon-Set: 970+ Icons, im SVG-Format​

Lade Dir jetzt das Icon-Set
kostenlos herunter ↓

Über 970 Dr. Web-Icons, kostenlos.
Danke nein, ist nichts für mich.
Invalid email address
Vielen Dank! Bitte schau noch in Dein Postfach und bestätige die Anmeldung.