Как на странице с лайками instagram переходить на пост средней клавишей?

Question

[accountnujen]

В веб версии instagram появились лайки: https://www.instagram.com/your_activity/interactio... . Однако там не работает средняя клавиша, а если переходить левой клавишей, то при возврате обратно придётся снова листать. Всё усугубляется тем, что под фотографией нет прямой ссылки на пост. Вот так выглядит html блок:

spoiler

<div class="wbloks_1" style="width: 100%; height: 100%; aspect-ratio: 1 / 1;">
    <div data-bloks-name="bk.components.AspectRatio" class="wbloks_83" style="aspect-ratio: 1 / 1;"><svg role="img" title="Aspect ratio" xmlns="http://www.w3.org/2000/svg" height="1" width="1" class="wbloks_85"></svg></div>
    <div data-bloks-name="bk.components.AspectRatio" class="wbloks_84">
        <div data-bloks-name="bk.components.Flexbox" class="wbloks_1" style="pointer-events: inherit; height: 100%; width: 100%;">
            <div data-bloks-name="bk.components.Flexbox" class="wbloks_1" style="pointer-events: auto; width: 100%; margin-right: 2px;">
                <div data-bloks-name="bk.components.Flexbox" role="button" aria-label="Изображение публикации" class="wbloks_1" style="pointer-events: none;">
                    <img
                        data-bloks-name="bk.components.Image"
                        src="https://scontent.cdninstagram.com/v/t51.2885-15/418787803_710649877830902_575893013251824323_n.jpg?stp=c0.455.1170.1170a_dst-jpg_e15_s240x240&amp;efg=eyJ2ZW5jb2RlX3RhZyI6ImltYWdlX3VybGdlbi4xMTcweDIwODAuc2RyIn0&amp;_nc_ht=scontent.cdninstagram.com&amp;_nc_cat=102&amp;_nc_ohc=RPSyM9SbRrAAX84SUrW&amp;edm=APs17CUBAAAA&amp;ccb=7-5&amp;ig_cache_key=MzI4MDY3ODE4Njg4MzA3NTM3Ng%3D%3D.2-ccb7-5&amp;oh=00_AfCUzAnR1mzmupwam0mv2Tz7QtDCdr9MkP2IFlq8BgNUQQ&amp;oe=65D55465&amp;_nc_sid=10d13b"
                        class="wbloks_1"
                        style="height: 100%; flex-grow: 1; object-fit: cover; overflow: hidden;"
                    />
                </div>
                <div data-bloks-name="bk.components.Flexbox" class="wbloks_1" style="pointer-events: none; top: 0px; position: absolute; right: 0px;">
                    <div data-bloks-name="bk.components.Flexbox" class="wbloks_1" style="pointer-events: none;">
                        <div
                            data-bloks-name="ig.components.Icon"
                            class="wbloks_1"
                            style="
                                mask-image: url('https://i.instagram.com/static/images/bloks/icons/generated/reels__filled__32-4x.png/981c16cfbd37.png');
                                mask-size: contain;
                                background-color: rgb(255, 255, 255);
                                flex-shrink: 0;
                                height: 32px;
                                width: 32px;
                            "
                        ></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

А вот ссылка на пост: https://www.instagram.com/p/C2HT23fic0w

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

Comments

[accountnujen]

Aetae открой пожалуйста инсту, вот эту ссылку https://www.instagram.com/your_activity/interactio... . Там твои лайки. Если левой клавишей жмёшь на понравившийся пост - открывается пост в этой же вкладке. если средней клавишей жмёшь - вообще ничего не происходит. мне нужно сделать так, чтобы он открывал ссылки в новой ну или мне нужно просто перехватить ссылку, которая ведёт на пост до того, как ссылка откроется.

я насилую его который час. что я понял: срабатывает переход от mouseup и ещё после вот этого кода меняется адрес в адресной строке

j != null && (n = function(a) {
                a.stopPropagation();
                ((a = b.current.uiMutableContainer) == null ? void 0 : (a = a.gestures) == null ? void 0 : a.preventTap) !== !0 && d("WebBloksUtils").isBloksModelEnabled(b.current) && c.executeCatch(b.current, j, [b.current, c.bloksContext])
            }

я знаю, ты можешь, потому что видел, что ты умеешь. помоги пожалуйста

[Aetae]

accountnujen, у меня инсты нет и не будет, потому хз, что там.
Очевидно то, что тебе надо делать как-то так:

document.addEventListener('mouseup', e => {
  if (e.target.closest('<здесь селектор блока для средней кнопки>') && e.button === 1) {
    const id = '<здесь откуда-то достаём C2HT23fic0w>'
    window.open(`https://www.instagram.com/p/${id}`, '_blank');
  }
}, true);

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

Ну ещё можно попытаться переопределить window.open и надеяться, что код использует для открытия именно его:

function normalize(href) {
  return Object.assign(document.createElement('a'), { href }).href;
}

window.open = ((open) => function(url, target, ...rest) {
  const [path, id, more] = normalize(url).split('/').slice(3);
  if (!more && !target && path === 'p' && id) 
    target = '_blank';
  return open.call(this, url, target, ...rest);
})(window.open);

[accountnujen]

Aetae,

у меня инсты нет и не будет, потому хз, что там

а вот когда делать вообще нечего, ты что в этот момент делаешь? условно когда в очереди сидишь

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

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

и надеяться, что код использует для открытия именно его:

неа. после кода, что я выше кидал, идёт обсервер ещё что-то непонятно и затем переход по на новый адрес. windows.open именно в этом документе встречается единожды

function c(a, b) {
        b === void 0 && (b = !1);
        var c = window.location.href;
        b ? window.open(a, "_blank") : a === c ? window.location.reload() : window.location.href = a
    }

и когда я в ручную прыгаю по функциям через f10, то этой функции мы не касаемся

[Aetae]

accountnujen, можешь ещё так подменить - посмотреть, зачастую даже если зашифровано - оно потом парсится в json:

JSON.parse = ((parse) => function() {
  const parsed = parse.apply(this, arguments);
  
  if (arguments[0]?.includes('C2HT23fic0w'))
  	console.log('JSON.parse', parsed);
  
  return parsed;
})(JSON.parse);

А что делаю - книжки читаю(тупые, не какие-то умные). :)

[accountnujen]

Aetae,

А что делаю - книжки читаю(тупые, не какие-то умные). :)

какие? давай топ 5

[accountnujen]

Aetae,

можешь ещё так подменить - посмотреть, зачастую даже если зашифровано - оно потом парсится в json:

да, есть

[Aetae]

accountnujen, ну дело за малым:

let route_match_info = [];

JSON.parse = ((parse) => function() {
  const parsed = parse.apply(this, arguments);
  
  if (Array.isArray(parsed?.route_match_info)) // или типа того, скрин то обрезан
    route_match_info = parsed.route_match_info;

  return parsed;
})(JSON.parse);

document.addEventListener('mouseup', e => {
  const block = e.target.closest('<здесь селектор блока для средней кнопки>');
  if (block && e.button === 1) {
    // здесь как-то сопоставляем block и элемент route_match_info, например по порядковому номеру или ещё как
    const id = route_match_info.find(...).instanceParams.shortcode;
    window.open(`https://www.instagram.com/p/${id}`, '_blank');
  }
}, true);

Возможно там будет не один массив - тогда надо пушить, или ещё какие вариации - но это уже всё дело техники.:)