Можете ли вы сказать мне, почему мой manifest.json не обнаружен?

#php #progressive-web-apps #manifest

#php #progressive-web-приложения #манифест

Вопрос:

Я вызываю его по ссылке :

 <link rel="manifest" href="manifest.json" />
 

И файл находится на корневом уровне.
Когда я открываю исходный код и нажимаю на ссылку, он открывается.

 <!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Mon systeme</title>
        <link rel="manifest" href="manifest.json" />
        <link rel="stylesheet" href="css/global.css" />
    </head>

    <body>
        <div id="content">
 

Вот начало

 {
    "short_name": "MiniSys",
    "name": "MiniSysteme",
    "start_url": "/index.php",
    "display": "standalone",
    "background_color": "#FFE9D2",
    "theme_color": "#FFE1C4",
    "orientation": "portrait-primary",
    "icons": [
        {
            "src": "/img/icons/icon-72x72.png",
            "type": "image/png",
            "sizes": "72x72"
        },
 

Единственная странная вещь, которую я вижу, находится в инструменте разработки chrome. Теги перепутаны. Но я не знаю, что это значит? Есть идеи?

страница в инструменте разработки

Комментарии:

1. Проверьте свой HTML, это должно объяснить вам, почему элемент head закрывается преждевременно. validator.w3.org/nu/#textarea

2. Спасибо. Я попробовал, и исходный код проверен: «Проверка документа завершена. Никаких ошибок или предупреждений не отображается. »

3. Является ли тот факт, что страница создается PHP с использованием шаблона MVC (требуется view.php файлы) потенциальная проблема?

4. Нет, не имеет значения, как страница собрана на стороне сервера, все, что имеет значение, — это то, что в конечном итоге получает клиент. // Вы проверяли по URL или просто скопировали и вставили версию исходного кода?

5. Я копирую и вставляю 🙂 Итак, теперь я попробовал по URL, и у меня есть ошибки. Но я не понимаю, поскольку ошибки, похоже, поступают со страницы, собранной на стороне сервера: Ошибка: ссылка на элемент rel=»manifest» не разрешена как дочерний элемент тела элемента в этом контексте. Но он находится в тегах <head>, когда я смотрю на источник. И не в инструменте разработки. Я его теряю…