本帖最后由 闷骚小贱男 于 2021-8-28 13:15 编辑
...发现有不少同学发帖是直接上传的手机截图。。
那么问题就来了，手机截图1000多的height会占用很大的电脑屏幕。
所以简单的写了一个自动缩放自定义倍数的小脚本。
自动缩放提示
游猴/暴力猴脚本
// ==UserScript==
// @name 吾爱论坛图片自动缩放
// @version 1.0
// @description 吾爱论坛图片自动缩放
// @author 闷骚小贱男
// @match *://www.52pojie.cn/thread-*
//
// @run-at document-end
// @icon https://static.52pojie.cn/static/image/common/logo.png
// ==/UserScript==
(function() {
'use strict';
var interval=setInterval(function(){
if($){
doIt();
clearInterval(interval);
}
},1000);
function doIt(){
//******************************************
var z=document.getElementsByClassName('zoom');//1.拿到所有zoom
var x = 3;//2.设置缩放几倍
for(var s in z)
{
if(z[s].height>1000){
z[s].height = z[s].height / x;z[s].width = z[s].width / x;//枚举所有图片，并判断高度是否太大，如果太大，则缩放
console.error('缩放' + x + '倍。');
}
}
//******************************************
}
})();
关键代码
var z=document.getElementsByClassName('zoom');var x=3;for(var s in z){if(z[s].height>1000){z[s].height=z[s].height/x;z[s].width=z[s].width/x;console.error('缩放'+x+'倍。');}}
发帖markdown用法提示
游猴/暴力猴脚本
// ==UserScript==
// @name 吾爱论坛发帖markdown用法提示
// @version 1.0
// @description 吾爱论坛发帖markdown用法提示
// @author 闷骚小贱男
// @match *://www.52pojie.cn/thread-*
//
// @run-at document-end
// @icon https://static.52pojie.cn/static/image/common/logo.png
// ==/UserScript==
(function() {
'use strict';
var interval=setInterval(function(){
if($){
doIt();
clearInterval(interval);
}
},1000);
function doIt(){
//******************************************
if(window.location.href.indexOf("www.52pojie.cn/forum.php?mod=post")>0 && window.location.href.indexOf("newthread")>0){ //吾爱破解发帖的提示
document.getElementById('postbox').getElementsByTagName('p')[0].outerHTML = document.getElementById('postbox').getElementsByTagName('p')[0].outerHTML + '<p style="color:blue"><br>[链接名称](http://链接网址)</p>'+ '<p style="color:blue">- 无序列表</p>'+ '<p style="color:red">表格：</p>'+ '<p style="color:red"> </p>'+ '<p style="color:red"> </p>'+ '<p style="color:red">| Tables | Are | Cool |<br>| :-------------: |:-------------:| :-----:|<br>| 1 | 2 | 3 |</p>'+ '<p style="color:blue">**粗体文本**</p>'+ '<p style="color:green">`行内代码`</p>' //可自行定义别的提示内容
}
//******************************************
}
})();
效果图如下：
自动缩放和mk提示可以合并在一起
// ==UserScript==
// @name 吾爱论坛小脚本
// @version 1.0
// @description 吾爱论坛小脚本
// @author 闷骚小贱男
// @match *://www.52pojie.cn/forum.php?mod=post&action=newthread&fid=*
// @match *://www.52pojie.cn/thread-*
//
// @run-at document-end
// @icon https://static.52pojie.cn/static/image/common/logo.png
// ==/UserScript==
(function() {
'use strict';
var interval=setInterval(function(){
if($){
doIt();
clearInterval(interval);
}
},1000);
function doIt(){
//*****************mk提示*********************
if(window.location.href.indexOf("www.52pojie.cn/forum.php?mod=post")>0 && window.location.href.indexOf("newthread")>0){ //吾爱破解发帖的提示
document.getElementById('postbox').getElementsByTagName('p')[0].outerHTML = document.getElementById('postbox').getElementsByTagName('p')[0].outerHTML + '<p style="color:blue"><br>[链接名称](http://链接网址)</p>'+ '<p style="color:blue">- 无序列表</p>'+ '<p style="color:red">表格：</p>'+ '<p style="color:red"> </p>'+ '<p style="color:red"> </p>'+ '<p style="color:red">| Tables | Are | Cool |<br>| :-------------: |:-------------:| :-----:|<br>| 1 | 2 | 3 |</p>'+ '<p style="color:blue">**粗体文本**</p>'+ '<p style="color:green">`行内代码`</p>' //可自行定义别的提示内容
}
//******************************************
//*****************缩放********************
if(window.location.href.indexOf("www.52pojie.cn/thread-")>0){
var z=document.getElementsByClassName('zoom');//1.拿到所有zoom
var x = 3;//2.设置缩放几倍
for(var s in z)
{
if(z[s].height>1000){
z[s].height = z[s].height / x;z[s].width = z[s].width / x;//枚举所有图片，并判断高度是否太大，如果太大，则缩放
console.error('缩放' + x + '倍。');
}
}
}
//******************************************
}
})();
| 
[复制链接]
发表于 2021-8-28 13:11
|
发表于 2021-8-30 17:08
发表于 2021-8-30 16:06
本来手机就挺小的，再缩感觉直接看不清了呢？没感觉到实际意义了？
我是觉得手机的截图动不动就1000多宽，用电脑看帖子，一个图就占了一个屏幕，所以才想到在电脑浏览器缩放一下图片。。。视频是4倍，可以缩2倍。。