Как получить файлы cookie из Javascript?

Вы пробовали простой способ:

var x = document.cookie;

Или вы можете создать следующую функцию для доступа к определенному файлу cookie

function getCookie(cname) {
        var name = cname + " = ";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i <ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

Ссылка на документацию: Документация по файлам cookie w3schools

Попробуйте через JQuery

alert( $.cookie("example") );

Или если у вас есть безопасный файл cookie (HTTPOnly Cookie)

Перейдите в эту ветку: Чтение безопасных файлов cookie

Если cookie помечен как HTTPOnly, он не будет отображаться в document.cookie. Атрибут HTTPOnly предназначен для предотвращения кражи ваших файлов cookie XSS-атакой. Таким образом, вы не можете получить доступ к cookie с пометкой HTTPOnly из Javascript.

Глядя на скриншот, кажется, что первый файл cookie подходит для этого. Я предполагаю, что другие файлы cookie принадлежат другому домену (возможно, из-за Iframe на странице), поэтому они могут не отображаться в document.cookie, если вы не переключите контекст на этот конкретный Iframe.

Рекомендации:

The HTTPOnly cookie attribute can help to mitigate this (XSS) attack by preventing access to cookie value through Javascript.

_{https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie}

Также вы можете прочитать об этом в разделе «Кража файлов cookie и XSS» здесь: https://www.nczonline.net/blog/2009/05/12/cookies-and-security/