Narzędzia programistyczne przeglądarki Internet Explorer nie wyświetlają kodu źródłowego przy użyciu narzędzia RequireJS

Question

Próbuję usunąć błąd strony, w którym program IE 9 będzie działał po raz pierwszy w mojej aplikacji requirejs/backbone, ale zakończy się ponownym ładowaniem strony. Jednak przy próbie debugowania tego problemu za pomocą narzędzi programistycznych F12 IE, nie mogę przejść do źródła, aby ustawić punkt przerwania, ponieważ IE nie ładuje żadnego z plików, które obejmuje RequireJS. Jak mogę obejść ten problem, aby naprawić mój ból głowy IE?

Answer 1

Chyba spóźniłem się na imprezę, ale mam nadzieję, że moja odpowiedź pomoże tobie i innym. Plik, który chcesz debugować, lub wiersz w pliku, po prostu dodaj ten ->debugger; przed tą linią.

Tak więc, gdy require.js załaduje twój skrypt i napotka ten ciąg, tj. debugger;, zostanie automatycznie zatrzymany w tej linii.

Answer 2

Można wygenerować pojedynczy js Plik z wymagać narzędzia:

• zawierają requirejs w tym jednym pliku (http://requirejs.org/docs/optimization.html#onejs)
• zestawu optymalizują do none (brak źródła minified - http://requirejs.org/docs/optimization.html#shallow)

W swoim pliku index.html połącz ten plik zamiast require.js.

Możesz debugować za pomocą IE.

Answer 3

Mam ten sam problem od czasu do czasu. Czasem pomaga: Zamknij wszystkie pliki w widoku Debugger, pozostaw DevTools otwarte, naciśnij Play, aby zezwolić na kontynuację strony, a następnie wykonaj akcję na stronie lub załaduj ponownie - jeśli zatrzyma się na debugerze ; ponownie, wszystkie pliki zostaną załadowane. Ale wciąż badając;)