WebDevTeam’s Blog

Web Development, JavaScript, CSS, Ajax, Web2.0, Usability, Interaction, Tools

Posts Tagged ‘ie8

Der Browser im Browser – Xenocode Browser Sandbox

leave a comment »

Ich bin echt überrascht, dass dies so „einfach“ funktioniert. Mit der Xenocode Browser Sandbox kann man die folgenden Browser per Plugin direkt vom bzw. im Firefox starten:

  • Ie6 / 7 / 8
  • Firefox 2 / 3
  • Chrome
  • Opera
  • Safari

Es öffnet sich dann der entsprechende Browser als eigenständiges Fenster. Habe es gerade mit dem IE6 probiert und es geht wunderbar.

Allerdings kamen auf verschiedenen Seiten JavaScript-Fehler, die in anderen Browsern und auch in unserem „richtig“ installierten Test-IE6 nicht auftraten, selbst bei Google und die Message Box selbst hat auch Fehler, sodass der eigentliche Sinn des IE6 zum Testen wieder in Frage gestellt wird.

Das Plugin kann im Firefox auch einfach wieder deaktiviert werden (Extras / Addons / Plugins).

via

Advertisements

Written by webdevteam

August 14, 2009 at 2:43 pm

Veröffentlicht in Uncategorized

Tagged with , , , , , ,

Performance Tracker Addon für den IE

leave a comment »

Gerade bei ajaxian gelesen – MySpace hat eine zu installierende Erweiterung für den Internet Explorer (6+) rausgebracht:

MySpace’s Performance Tracker is a browser plugin that help developers to improve their code performance by capturing and measuring possible bottlenecks on their web pages.

Written by webdevteam

Juni 29, 2009 at 12:55 pm

Veröffentlicht in Uncategorized

Tagged with , , , , , ,

IE8 Compatibility View ist doch nicht so gut…

leave a comment »

Wir haben uns extra den 8er IE installiert, weil man dort einfach in den Compatibility View umschaltet, damit man den 7er IE testen kann. Mir persönlich war es ehrlich gesagt schon immer etwas suspekt, ob der IE8 das dann auch richtig als IE7 rendert. Heute haben wir leider festgestellt, das die Seite im Compatibility View falsch gerendert wird.

IE8:

compview_prob_ie8

IE8 im Compatibility View als IE7:

compview_prob_ie7

und der richtige IE7 macht es wieder richtig:

compview_prob_real-ie7

Wir benutzen einen Image Teaser, der overflow: hidden; aber eine feste Höhe und Breite hat.

compview_prob_ie7_css

Das mit overflow: hidden; macht im IE nur dann Probleme, wenn man keine Höhe angibt.

Im SuperPreview ist übrigens genau das gleiche Problem:

compview_prob_superpreview

D.h. ich werde dem IE8 Compatibility View ab sofort nicht mehr trauen und wieder meinen IE7 im VMWare Image zum testen nehmen (müssen).

Written by webdevteam

Juni 16, 2009 at 11:15 am

Veröffentlicht in Uncategorized

Tagged with , , ,

Die wichtigsten (neuen) Funktionen des Internet Explorer 8

with one comment

Hier findet man eine Zusammenstellung der Features des IE8. Für Entwickler ist dieser Abschnitt interessant.

Sehr gut finde ich:

Neue Navigationsfunktionen für AJAX-Applikationen
Entwickler können jetzt den Vor- und Zurück-Navigationsstapel des Browsers und die Adressleiste direkt aus der AJAX-Applikation heraus aktualisieren.

ENDLICH!!!!!

Weitere interessante Links:

Übrigens, die Developer Tools findet man unter „Tools“ bzw. F12.

IE8 Developer Tools

Hier vereint sich die Web Developer Toolbar und der Firebug.

ENDLICH!!!!!

Written by webdevteam

April 2, 2009 at 12:57 pm

Veröffentlicht in Uncategorized

Tagged with ,

SuperPreview für IE Browser Testing

leave a comment »

Guten Morgen, das habe ich gestern bei webdesignerdepot gefunden! D.h. man kann in diesem Programm IE6, IE7 und IE8 in einer Umgebung testen und vergleichen:

  • Pointer Modes: Allows you to click on individual page sections for comparison. The section’s HTML tag name, its class or ID name, size and position attributes are displayed in the status bar.
  • Image viewing: Compare Photoshop comp against the baseline browser to ensure that everything lines up in the browser to match your original design.
  • Dom Highlighting: You can highlight specific DOM elements to see which where there are alignment differences between the browsers. It displays the positions of  the rendered elements and their CSS properties.
  • Positioning Guides/Rulers: Use rulers to measure the layout differences between browsers. When you position a ruler in one browser window, the ruler in the second browser moves with it.
  • Layout views: View side-by-side either horizontally or vertically, or overlay mode.
  • Zoom: To select the level of magnification.
  • Multiple resolutions: Not yet available in this beta release, but will be included in future releases.
  • Thumbnail display: Previews a thumbnail at the bottom of each panel with a miniature map like view of the entire site so that you can quickly click on a different area of the page.

Das Ganze hat 250MB! Ich schaus mir mal an, hauptsache es zerschießt keine bestehende Installation.

In dem Artikel werden auch weitere Möglichkeiten genannt, wie man verschiedene Browser testen kann.

Written by webdevteam

März 19, 2009 at 7:06 am

Veröffentlicht in Uncategorized

Tagged with , , ,

Internet Explorer 8 Standalone

leave a comment »

Die ie8 Rendering Engine Standalone testen: http://www.my-debugbar.com/wiki/IETester/HomePage

Man kann aber auch den IE8 installieren und innerhalb von dem zwischen IE8 und IE7 umschalten (Compatibility View).

http://www.microsoft.com/germany/windows/products/winfamily/ie/beta/default.mspx?bmm=sem&attr=ie%20download

Written by webdevteam

Februar 2, 2009 at 11:09 am

Veröffentlicht in Uncategorized

Tagged with