С какими кросс-браузерными проблемами вы столкнулись? [закрыто]

Firefox и IE ahve различные установки таблицы в DOM, в одном, все одноуровневые элементы ячейки являются другими ячейками, пока другой имеет элементы между ячейками. Я не могу помнить, который путь вокруг этого, но это дало мне реальную головную боль в одном приложении.

В Internet Explorer (примечание: более старые версии IE, не обязательно версии 9/10 +), если Вы создаете элементы формы с помощью document.createElement, поле, не будет отправлен с формой. Единственное обходное решение должно использовать

element.innerHTML = "<input type='text' value="+val+" name="+name+">";

Для Firefox, для получения полных данных или необходимо использовать node.normalize, прежде чем Вы будете называть node.firstChild или использовать node.textContent, обоими из которых является Mozilla определенные методы

На самом деле, все те являются методами W3C DOM, поддерживаемыми подавляющим большинством браузеров. Я думаю, что Вы найдете, что они также работают в IE.

Моя самая большая проблема перекрестного браузера - то, что существуют люди там все еще использование IE.

Ограничения IE на использование манипуляций DOM на таблицах вынудили меня проявить совершенно другой подход к чему-то. Очень печальный в запуске, но положительном из него был то, что второй подход был в конечном счете лучше, таким образом, я предполагаю, что должен быть благодарен IE. ;)

Выполнение этого слишком долго, чтобы иметь много проблем, но это все еще управляет мной гаек, что я должен бездельничать неподдержка IE вещей CSS как display:table: последний ребенок, и: парение за пределами привязок.

Весь материал IE все еще безумен, но это всего фоновое безумие теперь :)

В IE Вы не можете скрыть избранные элементы опции, только сам избранный элемент. Это мешает динамично изменять содержание избранных опций с помощью JavaScript.

Эта проблема также существует в Safari и Chrome.

существует много других проблем с IE, но этот вызвал меня большая часть разочарования недавно.

При разработке платформы тестирования системы для веб-приложения мы должны были моделировать различные события, такие как щелчки. Я помню, что мы не могли найти нормальный способ сделать это в IE и FF и должны были реализовать его двумя различными способами с большим количеством вуду вокруг.

я не помню специфических особенностей, но я помню, что это было действительно раздражающим.

Единственный, что действительно добирается до меня:

• IE6 все еще используется ~18% сети - это - почти 1 в 5 - и решение ее проблем является трудоемким, hackish, и срыв.;) проблемы являются действительно слишком многочисленными для списка здесь.

, Если Вы интересуетесь самими проблемами, , QuirksMode.org является удивительным ресурсом, я использовал каждый день прежде, чем сделать прыжок к клиентским библиотекам. Также проверьте John Resig , DOM является Путаница презентация в Yahoo, который дает много теории о том, как иметь дело с темами перекрестного браузера эффективно.

Однако, если Вы интересуетесь простым решением их, Вашим вопросом является превосходный пример того, почему многие рассматривают использование клиентских библиотек как jQuery, YahooUI, MooTools, Dojo, и т.д. С, процветающие общественные, талантливые люди и корпоративные проекты поддержки как те позволяют Вам фокусироваться на своем приложении, а не этих проблемах.

Вот некоторые примеры jQuery, которые избегают большой части разочарования перекрестного браузера и могут действительно сделать все это.. забава.

щелчок мышью перекрестного браузера, связывающий

$('#select anything + you[want=using] ~ css:selectors').click(
    function(){ 
       alert('hi');
    }
); 

перекрестный браузер Инжекция HTML

$('#anElementWithThisId').html('<span>anything you want</span>');

, Ajax перекрестного браузера (все объекты запроса все еще, сделал доступным для Вас)

$('p.message').load('/folder/file.html');

И что действительно сдувает меня, загрузите подмножество данных селекторами (см. руководство для деталей)

$('p.message').load('/folder/file.html body p:first-child');

Теперь, как все это действительно начинает получать забаву: объединение в цепочку методов вместе

$('ul.menu a').click(           // bind click event to all matched objects
  function(evt){                // stnd event object is the first parameter
    evt.preventDefault();       // method is cross-browser thx to jquery
    $(this)                     // this = the clicked 'a' tag, like raw js
      .addClass('selected')     // add a 'selected' css class to it
      .closest('ul.menu')       // climb the dom tree back up to the ul
      .find('a.selected')       // find any existing selected dom children
      .not(this)                // filter out this element from matches
      .removeClass('selected'); // remove 'selected' css class
  }
)

Напоминает мне о Joel , Ваш Язык программирования может Сделать Это? статья.

Взятие всего этого к теоретическому уровню, истинное продвижение не прибывает из того, что можно сделать с сознательной мыслью и усилием, а скорее что можно сделать автоматически (без мысли или усилия). Joel имеет сегмент на этом в [1 116] Умный И Добивается цели относительно интервьюирования вопросов и умных разработчиков, полностью изменил мой подход к программированию.