Блог

Главная - Вопросы по программированию - как правильно адресовать теги ссылок для мобильных устройств?

как правильно адресовать теги ссылок для мобильных устройств?

#javascript #html #css

#javascript #HTML #css

Вопрос:

Я разработал веб-сайт с использованием HTML и CSS, который отлично работает на рабочем столе, но когда я скопировал папку своего сайта на мобильный, он не загрузил мои файлы CSS и JS.итак, что мне делать?

     <head>
    <title>mobile</title>
    <link rel="stylesheet" type="text/css" href="./style.css">
    <script src="./scripted.js"></script>
    </head>

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

1. Если вы используете отдельную папку для запуска на мобильных устройствах, вы должны определить исходный путь как ./path/mobile/source . В этом случае: ./mobile/style.css и ./mobile/scripted.js

2. Обычно нет разницы между мобильными и настольными сайтами, когда дело доходит до чтения внешних файлов.

Ответ №1:

Вы можете использовать Chrome DevTools «Удаленная отладка устройств Android», как описано здесь:

https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

На мой взгляд, это самый удобный способ протестировать вашу HTML-страницу.

Другой способ открыть HTML-файл на вашем мобильном устройстве со всеми сценариями и стилями — это развернуть локальный сервер, который будет доступен в вашей локальной сети, и настроить его так, чтобы он возвращал HTML-страницу со всеми ее зависимостями.

Насколько я знаю, простое открытие HTML-файла со стилями и скриптами, которые отображаются в другие файлы, не сработает.

Кстати, вы можете поместить свой CSS и JS-код в файл с HTML, но мне кажется, что это не очень хорошее решение.