एक नए टैब या नई विंडो में जिद्दी जावास्क्रिप्ट लिंक कैसे खोलें?


17

कुछ वेबसाइट "रचनात्मक" (जावास्क्रिप्ट) का उपयोग करती हैं। हाइपरलिंक जो ब्राउज़र कार्यक्षमता को तोड़ते हैं, जैसे कि ctrl + क्लिक या मध्य क्लिक लिंक को एक नए टैब में खोलने की क्षमता।

एक सामान्य उदाहरण, टेलिगो एचआर वेबसाइट http://www.rogers.com/web/Careers.portal?_nfpb=true&_pageLabel=C_CP&_page=9

कोई फर्क नहीं पड़ता कि मैं क्या कोशिश करता हूं, मैं केवल सामान्य रूप से उन पर क्लिक करके लिंक का पालन कर सकता हूं; मैं उन्हें एक नई विंडो में नहीं खोल सकता। क्या इसके आसपास कोई रास्ता है?


हां, href # पर सेट है और JS को लिंक के ऑनक्लिक ईवेंट पर लगाया गया है (साइट जेएस अक्षम के साथ काम नहीं करती है)। शायद किसी प्रकार का ब्राउज़र प्लगइन है जो इससे निपट सकता है।
करण


हाँ, मैंने हमेशा सोचा कि यह बेहद मूर्खतापूर्ण है
गिगाला जूल

इसे भी देखें: superuser.com/questions/854797/…
Braham-snyder

जवाबों:


3

आपका प्रश्न तालेओ के लिए विशिष्ट है, इसलिए मेरा उत्तर भी होगा :)

मैंने एक उपयोगकर्तास्क्रिप्ट कोडित किया है जो आप चाहते हैं: यह सामान्य लिंक के साथ सभी जावास्क्रिप्ट लिंक को बदल देता है, इसलिए आप चाहें तो बस उन्हें क्लिक कर सकते हैं या उन्हें एक नए टैब में खोल सकते हैं।

// ==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

हाँ। आप Greasemonkey (Firefox) या Tampermonkey (Chrome) के लिए अपनी स्वयं की स्क्रिप्ट लिख सकते हैं

आपके द्वारा बताए गए उदाहरण के लिए, यह टेम्परमॉन्कि यूजरस्क्रिप्ट नए टैब / विंडो में खोलने के लिए खोज परिणामों में सभी जावास्क्रिप्ट लिंक सेट करेगा (यह ब्राउज़र कॉन्फ़िगरेशन पर निर्भर करता है, यह मेरे लिए टैब है)।

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

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

यद्यपि आप इसके अधिक सामान्य संस्करण लिख सकते हैं, लेकिन अन्य प्रयोज्य को तोड़े बिना सभी जावास्क्रिप्ट लिंक के लिए इस कार्यक्षमता को सक्षम करना कठिन होगा।

एक मिडलपाथ के लिए एक इवेंट हैंडलर सेट किया जा सकता है Ctrl, जो अस्थायी रूप से "_blank" के लिए सभी रूपों के लिए लक्ष्य को तब तक सेट करेगा जब तक कि कुंजी आयोजित नहीं हो जाती।


1

यहां एक अन्य उपयोगकर्ता नाम है, जो किसी तत्व में एक 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);
})();
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.