javascript - todos - pushstate w3schools
Errores tÃpicos de compatibilidad entre navegadores (10)
CSS: en gran medida resuelto en los navegadores modernos, pero sigue siendo un problema, especialmente en lo que respecta al diseño.
Tenga en cuenta que esto no es crítico, pero es un problema de compatibilidad que casi siempre termino volviendo cuando diseño un sitio.
¿Cuáles son los problemas de compatibilidad del navegador más comunes en los principales navegadores de escritorio?
No hay dups por favor. Problemas de votación acumulada con los que te has encontrado. Espero que la lista se ordene por sí misma. "IE sux" no es un escollo, sino un llamado para votar a la baja.
[Editar] Sí, sé que es una encuesta, no estoy publicando respuestas para recopilar puntos. En realidad, me interesa saber con qué se topa la gente.
Descubrí que IE 6 tiene límites bastante pequeños para la profundidad de pila permitida.
En un momento, estaba usando una buena función recursiva para obtener la posición de un elemento en el documento:
function getOffsetTop (element) {
var offset = 0;
if (element.offsetTop)
offset = offset + element.offsetTop;
if (element.offsetParent)
offset = offset + getOffsetTop(element.offsetParent);
return offset;
}
Lamentablemente, al invocar este método para elementos en una jerarquía de nodos muy profunda, IE se queja de exceder el tamaño máximo de pila (se me olvida el mensaje de error exacto). Para evitar esto, necesitaba usar un enfoque iterativo para mantener pequeño el tamaño de la pila:
function getOffsetTop (element) {
var offset = 0;
if (element.offsetTop)
offset = offset + element.offsetTop;
var parent = element.offsetParent;
while (parent) {
if (parent.offsetTop)
offset = offset + parent.offsetTop;
parent = parent.offsetParent;
}
return offset;
}
La administración de la memoria puede ser un problema: diferentes recolectores de basura se atragantan con diferentes tipos de referencias circulares, aunque Firefox se está volviendo bastante bueno en la limpieza adecuada de objetos complejos.
PNG transparentes en Internet Explorer 6, especialmente porque la solución común sin JavaScript de utilizar AlphaImageLoader puede tener el efecto secundario de bloquear IE6 .
almacenamiento en caché y hashes de página anterior.
Al realizar un XMLHttpRequest y al ejecutar una función ''onreadystatechange'', la propiedad XMLHttpRequest.responseText contiene los datos cargados en ese punto en Firefox, pero no en IE (y tal vez en Safari).
Esto evita la captura de datos parciales en esos navegadores para su uso al mostrar un medidor de progreso de ejecución.
¡Quirksmode tiene una lista completa de muchas diferencias que requieren atención!
- pero él es, como la mayoría de los otros sitios y bloggers en la red, se centró en su camino, y eso da como resultado algunos errores menores e importantes e inconsistencias ...
Cada ancho, centro del sitio que he creado, es decir, usando ''margin: 0 auto'' en algunos que contienen div para centrar todo, no funciona en IE6 hasta que lo pruebo y aplico un ''hack''. Esto me atrapa todo el tiempo.
El más común en el que puedo pensar, y ha sido un problema para mí dos veces solo esta semana, es IE6 y el error del modelo de la caja. ¡Búscalo!
Específicamente, el problema en el que estoy pensando es cuando has lanzado DIVs que el desarrollador cree que todos encajan dentro de un DIV contenedor, pero no en IE6 porque son un poco más grandes.
Entonces, en lugar de tres columnas, terminas con dos, y la tercera está abajo, en la parte inferior de la pantalla, en algún lugar; quieres:
+-------------------------------+
|+------+ +-----------+ +------+|
|| | | | | ||
|| foo | | bar | | baz ||
|| | | | | ||
|| | | | | ||
|+------+ +-----------+ +------+|
+-------------------------------+
pero obtienes:
+-------------------------------+
|+--------+ +------------+ |
|| | | | |
|| foo | | bar | |
|| | | | |
|| | | | |
|+--------+ +------------+ |
|+------+ |
|| | |
|| | |
|| baz | |
|| | |
|| | |
|+------+ |
+-------------------------------+
Flotadores. Hay un sinnúmero de errores de flotador en IE6 / 7: Peekabo , guillotina , doble margen , flotantes de escape , brecha de 3 píxeles , caracteres duplicados , varios errores de borrado, errores relacionados con el espacio disponible ...