☰

새 탭이나 새 창에서 완고한 자바스크립트 링크를 여는 방법은 무엇입니까?

tag-icon • tag-icon javascript browser-tabs hyperlink
새 탭이나 새 창에서 완고한 자바스크립트 링크를 여는 방법은 무엇입니까?

일부 웹사이트는 새 탭에서 열 수 있는 Ctrl+클릭 또는 중간 클릭 링크와 같은 브라우저 기능을 손상시키는 "창의적인"(javascript?) 하이퍼링크를 사용합니다.

일반적인 예, Taleo HR 웹사이트 http://www.rogers.com/web/Careers.portal?_nfpb=true&_pageLabel=C_CP&_page=9

무엇을 시도하더라도 정상적으로 링크를 클릭해야만 링크를 따라갈 수 있습니다. 새 창에서 열 수 없습니다. 이 문제를 해결할 방법이 있나요?

답변1

귀하의 질문은 Taleo에만 해당되므로 제 답변도 마찬가지입니다 :)

나는 여러분이 원하는 것을 수행하는 UserScript를 코딩했습니다. 모든 JavaScript 링크를 일반 링크로 대체하므로 원하는 경우 해당 링크를 클릭하거나 새 탭에서 열 수 있습니다.

// ==UserScript==
// @name        Taleo Fix
// @namespace   https://github.com/raphaelh/taleo_fix
// @description Taleo Fix Links
// @include     http://*.taleo.net/*
// @include     https://*.taleo.net/*
// @version     1
// @grant       none
// ==/UserScript==

function replaceLinks() {
    var rows = document.getElementsByClassName("titlelink");
    var url = window.location.href.substring(0, window.location.href.lastIndexOf("/") + 1) + "jobdetail.ftl";

    for (var i = 0; i < rows.length; i++) {
        rows[i].childNodes[0].href = url + "?job=" + rows[i].parentNode.parentNode.parentNode.parentNode.parentNode.id;
    }
}

if (typeof unsafeWindow.ftlPager_processResponse === 'function') {
    var _ftlPager_processResponse = unsafeWindow.ftlPager_processResponse;
    unsafeWindow.ftlPager_processResponse = function(f, b) {
        _ftlPager_processResponse(f, b);
        replaceLinks();
    };
}

if (typeof unsafeWindow.requisition_restoreDatesValues === 'function') {
    var _requisition_restoreDatesValues = unsafeWindow.requisition_restoreDatesValues;
    unsafeWindow.requisition_restoreDatesValues = function(d, b) {
        _requisition_restoreDatesValues(d, b);
        replaceLinks();
    };
}

여기에서 찾을 수 있습니다:https://github.com/raphaelh/taleo_fix/blob/master/Taleo_Fix.user.js

답변2

예. 당신은 자신의 스크립트를 작성할 수 있습니다그리스몽키(파이어폭스) 또는탬퍼몽키(크롬)

언급한 예에서 이 Tampermonkey UserScript는 검색 결과의 모든 JavaScript 링크가 새 탭/창에서 열리도록 설정합니다(브라우저 구성에 따라 다르며 저는 탭입니다).

// ==UserScript==
// @name       open links in tabs
// @match      http://rogers.taleo.net/careersection/technology/jobsearch.ftl*
// ==/UserScript==

document.getElementById('ftlform').target="_blank"

보다 일반적인 버전을 작성할 수 있지만 다른 유용성을 손상시키지 않고 모든 JavaScript 링크에 대해 이 기능을 활성화하는 것은 어려울 것입니다.

Ctrl중간 경로는 키를 누르고 있는 동안 모든 양식의 대상을 일시적으로 "_blank"로 설정하는 이벤트 핸들러를 설정하는 것일 수 있습니다 .

답변3

다음은 요소 onclick="document.location='some_url'"의 속성 으로 모든 요소를 ​​래핑하고 .<a href=some_url>onclick

특정 사이트를 위해 작성했지만 다른 사이트에도 유용할 정도로 일반적입니다. 변경하는 것을 잊지 마세요@성냥아래 URL.

이는 링크가 AJAX 호출, 즉 MutationObserver에 의해 로드될 때 작동합니다.

// ==UserScript==
// @name         JavaScript link fixer
// @version      0.1
// @description  Change JavaScript links to open in new tab/window
// @author       EM0
// @match        http://WHATEVER-WEBSITE-YOU-WANT/*
// @grant        none
// ==/UserScript==

var modifyLink = function(linkNode) {
    // Re-create the regex every time, otherwise its lastIndex needs to be reset
    var linkRegex = /document\.location\s*=\s*\'([^']+)\'/g;

    var onclickText = linkNode.getAttribute('onclick');
    if (!onclickText)
        return;

    var match = linkRegex.exec(onclickText);
    if (!match) {
        console.log('Failed to find URL in onclick text ' + onclickText);
        return;
    }

    var targetUrl = match[1];
    console.log('Modifying link with target URL ' + targetUrl);

    // Clear onclick, so it doesn't match the selector, before modifying the DOM
    linkNode.removeAttribute('onclick');

    // Wrap the original element in a new <a href='target_url' /> element
    var newLink = document.createElement('a');
    newLink.href = targetUrl;
    var parent = linkNode.parentNode;
    newLink.appendChild(linkNode);
    parent.appendChild(newLink);
};

var modifyLinks = function() {
    var onclickNodes = document.querySelectorAll('*[onclick]');
    [].forEach.call(onclickNodes, modifyLink);
};

var observeDOM = (function(){
    var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;

    return function(obj, callback) {
        if (MutationObserver) {
            var obs = new MutationObserver(function(mutations, observer) {
                if (mutations[0].addedNodes.length || mutations[0].removedNodes.length)
                    callback();
            });

            obs.observe(obj, { childList:true, subtree:true });
        }
    };
})();


(function() {
    'use strict';
    observeDOM(document.body, modifyLinks);
})();

관련 정보