Почему я получаю сообщение "jquery.mobile-1.3.2.min.map file not found" в Chrome

Я использую эти три CDN файла, как рекомендовано при запуске в документации JQM:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
  <link rel="stylesheet" href="#" onclick="location.href='http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css'; return false;" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

Я недоумеваю, почему я получаю статус 404 не найден на вкладке "Сеть" в Chrome. Кажется, выглядит файл jQuery mobile min.map. Я не вижу этого в Firefox.

Любые мысли о том, почему он ищет этот файл?

Ответ 1

Возможно, ваш Google Chrome DevTools включил параметр "Включить исходные карты". Проверьте меню "Настройки", затем "Общие" и "Источники".

Исходная карта - это способ сопоставить объединенный/уменьшенный файл обратно в незастроенное состояние. Когда вы создаете для производства, наряду с минимизацией и объединением ваших файлов JavaScript, вы создаете исходную карту, в которой содержится информация о ваших исходных файлах. Когда вы запрашиваете определенную строку и номер столбца в сгенерированном JavaScript, вы можете выполнить поиск на исходной карте, которая возвращает исходное местоположение. Инструменты разработчика (в настоящее время ночные сборки WebKit, Google Chrome или Firefox 23+) могут автоматически анализировать исходную карту и создавать ее, как если бы вы запускали unminified и uncombined файлы.

Подробнее здесь.

Ответ 2

Файл не найден: 404 будет отображаться только в инструментах разработчика браузера. Если инструменты разработчика не открыты, файл sourcemap не будет доступен из браузера

Вы можете удалить 404, удалив строку

//@ sourceMappingURL=jquery-1.x.xmin.map

из верхней части вашего файла jQuery.

Верхняя часть файла jQuery будет выглядеть следующим образом.

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery-1.x.x.min.map
*/

Просто измените это на

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license */

Назначение карты источника

В принципе, это способ сопоставить объединенный/уменьшенный файл обратно в незастроенное состояние. Когда вы создаете для производства, наряду с минимизацией и объединением ваших файлов JavaScript, вы создаете исходную карту, в которой содержится информация о ваших исходных файлах. Когда вы запрашиваете определенную строку и номер столбца в сгенерированном JavaScript, вы можете выполнить поиск на исходной карте, которая возвращает исходное местоположение. Инструменты разработчика (в настоящее время ночные сборки WebKit, Google Chrome или Firefox 23+) могут автоматически анализировать исходную карту и делать ее видимой, как если бы вы запускали unminified и uncombined файлы. (Подробнее об этом здесь)