微博自制插件-控制台用

功能：将大图显示在文字下方

使用场景：信息流或者“我的点赞”，点开一张图片

f12打开控制台，复制→回车

①先导入jquery

var importJs=document.createElement('script')//在页面新建一个script标签

importJs.setAttribute("type","text/javascript")//给script标签增加type属性

importJs.setAttribute("src", 'https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js') //给script标签增加src属性， url地址为cdn公共库里的

document.getElementsByTagName("head")[0].appendChild(importJs)

②黏贴回车

// 获取图片集合

var gjc='orj360';var gjc2='thumb150';

var change='large';

$('.media_show_box + .pic_choose_box img').each(function (){ 

var str=$(this).parents(".WB_expand_media_box"); var str2=$(this).parents(".WB_media_view ");

var src=$(this).attr("src");

if(src.indexOf(gjc) >= 0 ){

var that=src.replace(gjc,change);

}else{

that=src.replace(gjc2,change)

}

var newImg=document.createElement("img");

newImg.setAttribute('src', that);console.log(src);

newImg.setAttribute('style', 'max-height:300px;max-width:450px')

// str.append(newImg)

str.before(newImg)

});