Взгляните на этот простой фрагмент кода, который позволяет получить информацию о мета-содержимом и ширину экрана:
function getMetaContentByName(name, content) {
var content = (content == null) ? 'content' : content;
return document.querySelector("meta[name='" + name + "']").getAttribute(content);
}
let metaTag = getMetaContentByName("viewport", "content")
console.log(metaTag)
let width = window.screen.width
console.log(width)
<meta name="viewport" content="initial-scale=0.4, width=400">
Теперь вы можете создать что-то вроде этого:
let screen = {
width: window.screen.width,
height: window.screen.height
}
if (screen.width < 480) {
document.getElementById("viewport").setAttribute("content", "initial-scale=0.4, width=480");
} else if (screen.width < 720) {
document.getElementById("viewport").setAttribute("content", "initial-scale=0.7, width=720");
}
<meta id="viewport" name=viewport content="width=device-width; initial-scale=1">
Если API не предназначен для публичного доступа, вы, скорее всего, пропускаете токен csrf в своих последующих заголовках. Вы должны найти токен CSRF и добавить его в /api/follows
POST. Если быстро взглянуть на код, это может быть сложно, так как все идет внутри javascript.