#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>, когда я смотрю на источник. И не в инструменте разработки. Я его теряю…