Как загрузить amp html в мобильную версию

У меня есть 2 html, например non-amp.html и amp.html.

я включен

<link rel="canonical" href="app/templates/non-amp.html">

в моем amp.html и

<link rel="amphtml" href="app/templates/amp-blog-list.html"> 

в моем index.html.

Когда я сохранял свой сайт в мобильном представлении, загружался настольный html (без усилителя). Может ли кто-нибудь предложить мне помощь. Спасибо.


person MMR    schedule 06.05.2017    source источник


Ответы (2)


подумайте, как ваше приложение или веб-сайт узнает, использует ли посетитель мобильный или настольный компьютер?

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

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

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

ссылка

person Richard    schedule 06.05.2017

На мобильных и настольных компьютерах отображаются страницы без усилителя:

<link rel="amphtml" href="app/templates/amp-blog-list.html"> This tag is for google to know the amp page in non amp file. 

Когда вы переходите из поиска Google на мобильных устройствах, ваша страница amp открывается в iframe Google.

person Bachcha Singh    schedule 14.12.2017