Обновления CSS и изображений веб-сайта не обновляются на мобильных устройствах

У меня есть PHP, включаемый в раздел заголовка страниц моего веб-сайта, включая ссылки на файлы css. В этом случае я могу увеличить номер версии ссылок css, и любой измененный контент будет обновлен до последней версии в настольных браузерах, но мой телефон Samsung, похоже, не обновляется, даже после того, как я вручную удаляю историю просмотров на телефоне, старые изображения все еще видны.

Есть ли способ гарантировать, что на все устройства будет загружена последняя версия веб-сайта и все файлы на нем?

CSS включить в голову

<link rel = "stylesheet" media = "(min-width:320px)" href = "css/style-small.php?v=1" />
<link rel = "stylesheet" media = "(min-width:1000px)" href = "css/style-medium.php?v=1" />
<link rel = "stylesheet" media = "(min-width:1400px)" href = "css/style-large.php?v=1" />

Пример нормальной html-страницы и раздела заголовка

<?xml version = "1.0" encoding = "UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en">
<head>
<title>A Title</title>
<?php include_once ('includes/css.php'); ?>
<script src = "js/placeholders.js" type = "text/javascript"></script>
<meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" />
<meta http-equiv = "Cache-Control" content = "max-age=200" /> 
<meta name = "viewport" content = "width=device-width,initial-scale=1, minimum-scale=1" />
<meta name = "robots" content = "index,follow" />
<meta name = "author" content = "the author" />
<meta name = "Description" content = "Standard description of content" />
<meta name = "Keywords" content = "my,website" />
</head>

Очистить кеш. Не уверен, какое отношение история просмотров имеет к чему-либо. Вы можете попробовать соответствующие теги <meta> или заголовки HTTP, которые управляют кешированием.

Sebastian Simon 01.04.2018 12:09

Можете ли вы предоставить пример кода?

romeski 01.04.2018 12:09

Отредактировал комментарий, включил код. Я могу попробовать вместо <meta http-Equiv = "Cache-Control" content = "max-age = 200" /> этот <meta http-Equiv = "Cache-Control" content = "no-store" />, может быть?

user5340092 01.04.2018 12:17

@Xufox Я попробовал "нет магазина" на моем мобильном телефоне. Когда я упомянул историю, это единственный способ удалить данные сайта на телефоне.

user5340092 01.04.2018 12:21

Я просто попытался добавить номера версий к ссылкам css изображений, которые не обновляются, все те же на мобильных устройствах, но все мои настольные браузеры обновлены.

user5340092 01.04.2018 12:28

Дополнительная информация: я использую свой домашний WIFI для подключения. Я просто удалил все данные, включая файл cookie для входа, и снова вошел в систему вручную, и теперь отображаются последние изображения. Странная ошибка.

user5340092 01.04.2018 12:37
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
6
82
0

Другие вопросы по теме