使用Java脚本替换图像src的目录

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用Java脚本替换图像src的目录，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2444字，纯文字阅读大概需要4分钟。

内容图文

我想替换图像src的目录,将.* pinterest.com / 192 /更改为.* pinterest.com / 550 /.

我一直试图修改此代码以更改目录名称,而不是仅仅删除文件名的“ _b”部分.

document.getElementById("chrome")
.addEventListener("DOMNodeInserted", function (a) {
if (a.target.tagName && a.target.tagName == "DIV" && /entry\s?/.test(a.target.className)) {
    var b = a.target.getElementsByTagName("img");
    for (var c in b) {
        var d = b[c];
        if (/.*pinterest\.com.*_b\.\w+$/.test(d.src)) {
            d.style.width = d.style.height = "inherit";
            d.src = d.src.replace(/_b\.(\w+)$/, ".$1")
        }
    }
}
}, false)

解决方法:

首先,一些问题/问题：

>不清楚是否要同时更改_b和192.是吗？如果是这样,请链接到具有此类图像的页面.
> DOMNodeInserted is deprecated,使用它不是一个好主意.
>那document.getElementById(“ chrome”)来自哪里？这似乎令人怀疑,并且,如果这是针对Pinterest页面,则在我检查的页面上没有ID chrome的节点.链接到您要修改的目标页面.
>对于Pinterest,您还需要重置最大宽度CSS,以使新图像尺寸生效.

您的代码重构为仅在以下路径中替换192：

document.getElementById ("chrome").addEventListener (
    "DOMNodeInserted",
    function (zEvent) {
        var newNode = zEvent.target;
        if (
               newNode.tagName  &&  newNode.tagName == "DIV"
            && /entry\b/i.test (newNode.className)
        ) {
            var images = newNode.getElementsByTagName ("img");
            for (var J in images) {
                var image = images[J];
                if (    /pinterest\.com.*_b\.\w+$/.test (image.src)
                    ||  /pinterest\.com\/192\//.test (image.src)
                ) {
                    image.style.width   = "inherit";
                    image.style.height  = "inherit";
                    image.src           = image.src.replace (/_b\.(\w+)$/, ".$1");
                    image.src           = image.src.replace (/\.com\/192\//, ".com/550/");
                }
            }
        }
    },
    false
);

但是,考虑到问题2、3和4；在Pinterest上实际可用的完整脚本是：

// ==UserScript==
// @name     _Pinterest, resize thumbnails
// @include  http://pinterest.com/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/

waitForKeyElements ("#ColumnContainer a.PinImage img.PinImageImg", resizeThumbnails);

function resizeThumbnails (jNode) {
    var imgSrc  = jNode.attr ("src");

    if (/pinterest\.com\/192\//.test (imgSrc) ) {
        jNode.css ( {
            width:          "inherit",
            height:         "inherit",
            "max-width":    "550px"
        } );
        jNode.attr ("src", imgSrc.replace (/\.com\/192\//, ".com/550/") );
    }
}

注意,需要附加的样式和布局模块,但这超出了此问题的范围.

内容总结

以上是互联网集市为您收集整理的使用Java脚本替换图像src的目录全部内容，希望文章能够帮你解决使用Java脚本替换图像src的目录所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端