Определите, какой пользовательский тег HTML нарушает IE8

Question

Мы используем массу пользовательских тегов в нашем приложении angular.js, и я пытаюсь получить IE8, чтобы узнать их все. Установка:

• Угловое (1.1.5)
• режим HTML5
• Использование пользовательских тегов директив во многих случаях (и мы не R eplacing их)
• Использование IE-shiv.js для регистрации пользовательских тегов с помощью IE8

Это большое приложение - мы регистрируем более 50 пользовательских тегов в IE в IE-shiv.js (нам нравится, насколько разборчиво разметка с пользовательскими тегами). Я несколько раз проделывал это приложение, ища теги, которые забыл зарегистрировать, но я все еще получаю Error: Unexpected call to method or property access.undefined. В настоящее время я включаю и выключаю части приложения, но обнаруживаю, что может быть лучший способ:

Могу ли я определить, какой пользовательский тег HTML вызвал ошибку в IE8? Есть ли какой-нибудь подлый способ - обезглавливание документа document.createElement или добавление try/catch к некоторой внутренней угловой директиве, возможно?

Answer 1

Запустите этот JS после загрузки документа. Он найдет все элементы с именем тега, который начинается с символа /, который создается в IE8 для всех непризнанных элементов, когда парсер встречает тег закрытия.

var list = document.getElementsByTagName('*'); 
for (var i = 0, len = list.length; i < len ; i++) { 
    if (list[i].tagName.indexOf('/') === 0) 
    alert(list[i].tagName.substr(1)); 
} 

Answer 2

У меня было это с директивами. Я построил некоторые пользовательские директивы и использовал ограничение: «AE». Я тогда использовал директиву в HTML как элемент, например:

<my-directive> 

Я изменил директиву использовать атрибут, и она работает.

<div my-directive> 

Иными словами, IE не распознает новые элементы. Есть трюки, чтобы заставить это работать, но я просто избегал элементов и использовал атрибуты. Надеюсь, ваша проблема будет такой простой, иначе IE8 может заставить вас ударить себя в глаза !!!