docs.rsshub.app - desktop site instead of mobile site

[webcompat-bot]

URL: https://docs.rsshub.app/

Browser / Version: Firefox Mobile 77.0
Operating System: Android
Tested Another Browser: Yes Chrome

Problem type: Desktop site instead of mobile site
Description: Desktop site instead of mobile site
Steps to Reproduce:
Always revert to desktop when finishes loading. It work on Firefox for Android and any chrome based browsers.

View the screenshot

Browser Configuration

• None

From webcompat.com with ❤️

[cipriansv]

Thanks for the report.

I was indeed able to reproduce the issue. I receive the desktop version of the site in Firefox Preview Nightly.

Tested with:
Browser / Version: Firefox Preview Nightly 200424 (🦎 77.0a1-20200422093542), Chrome Mobile 81.0.4044.117
Operating System: OnePlus6 (Android 9.0) - 1080 x 2280 pixels (~402 ppi pixel density)

This is the web page displayed in Firefox Preview Nightly:

And this is the web page displayed in Chrome:

Moving the issue to needsdiagnosis.

[ksy36]

Looks like in the initial template the viewport metatag exists:

But it gets removed along with some other tags later, in this function:

function Ye(e, t) {
if (t && Object(He.a) (t).forEach(function (e) {
  document.head.removeChild(e)
}), e) return e.map(function (e) {
  var t = document.createElement('meta');
  return Object.keys(e).forEach(function (l) {
    t.setAttribute(l, e[l])
  }),
  document.head.appendChild(t),
  t
})
}

Not sure what is the intention here, but can see that some of the tags are inserted back, and some aren't (viewport is not inserted back):

This explains why the site loads as mobile at first, but switches to desktop since there is no viewport tag for the media queries.

Chrome handles this differently though, keeping the mobile view despite the missing viewport tag. Seems like Firefox behaviour is correct here, but maybe @hiikezoe can comment on this?

[hiikezoe]

Great analysis!

Chrome handles this differently though, keeping the mobile view despite the missing viewport tag. Seems like Firefox behaviour is correct here.

Yeah, this is a bug in Chrome. https://bugs.chromium.org/p/chromium/issues/detail?id=986674

Probably the author of the site accidentally removes the meta viewport tag and have never noticed it since Chrome does render as if there is the meta viewport tag.

We should contact the site author to stop doing it.

[ksy36]

Thanks @hiikezoe 👍

[softvision-oana-arbuzov]

The issue has been fixed. Mobile layout is received both on Firefox and Chrome.

Tested with:
Browser / Version: Firefox Nightly 200827 (🦎 81.0a1-20200820093209)
Operating System: Samsung Galaxy S6 Edge (Android 7.0) - 1440 x 2560 pixels (~577 ppi pixel density)