网站 › 『编程语言区』 › 自动缩放论坛内帖子图片和发帖markdown用法提示小脚本

闷骚小贱男 发表于 2021-8-28 13:11

自动缩放论坛内帖子图片和发帖markdown用法提示小脚本

本帖最后由 闷骚小贱男 于 2021-8-28 13:15 编辑


...发现有不少同学发帖是直接上传的手机截图。。
那么问题就来了，手机截图1000多的height会占用很大的电脑屏幕。
所以简单的写了一个自动缩放自定义倍数的小脚本。

# 自动缩放提示
## 游猴/暴力猴脚本

~~~JavaScript
// ==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.height>1000){
            z.height = z.height / x;z.width = z.width / x;//枚举所有图片，并判断高度是否太大，如果太大，则缩放
            console.error('缩放' + x + '倍。');
          }
      }
      //******************************************
    }
})();
~~~

## 关键代码
~~~JavaScript
var z=document.getElementsByClassName('zoom');var x=3;for(var s in z){if(z.height>1000){z.height=z.height/x;z.width=z.width/x;console.error('缩放'+x+'倍。');}}
~~~

# 发帖markdown用法提示
## 游猴/暴力猴脚本

~~~JavaScript
// ==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').outerHTML = document.getElementById('postbox').getElementsByTagName('p').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提示可以合并在一起
~~~JavaScript
// ==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').outerHTML = document.getElementById('postbox').getElementsByTagName('p').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.height>1000){
                              z.height = z.height / x;z.width = z.width / x;//枚举所有图片，并判断高度是否太大，如果太大，则缩放
                              console.error('缩放' + x + '倍。');
                        }
                }
      }
      //******************************************
    }
})();
~~~

闷骚小贱男 发表于 2021-8-30 17:08

Hmily 发表于 2021-8-30 16:06
@闷骚小贱男 图片缩放指的是所有帖子？还是MD文章帖子？你给我来个修改前后的动态对比？放网盘我学习下吧 ...

https://wwa.lanzoui.com/iWCZQtdadsd
是所有帖子。。。但是我发现我这种直接/倍数好像有时候会看起来图片很别扭
我JS小白。。楼上说的那个CSS的话不是很懂

我这个简单的JS。。好像。。。并没有那么高级。。

Hmily 发表于 2021-8-30 16:06

Takitooru 发表于 2021-8-28 14:20
刚还想着提交建议，特殊是手机截图的帖子，论坛本身没有针对这类图片缩放，看着非常好难受，@Hmily我觉得 ...

@闷骚小贱男 图片缩放指的是所有帖子？还是MD文章帖子？你给我来个修改前后的动态对比？放网盘我学习下吧。

sunning-H-C 发表于 2021-8-28 13:39

这个工具很实用，尤其是在安卓应用的帖子里。{:301_993:}

caotao369 发表于 2021-8-28 13:43

goooooooood

Takitooru 发表于 2021-8-28 14:20

刚还想着提交建议，特殊是手机截图的帖子，论坛本身没有针对这类图片缩放，看着非常好难受，@Hmily我觉得还是提交一下建议，针对手机截图，毕竟改个css能解决的事。

52PJ666 发表于 2021-8-28 15:48

厉害了！！！！！！！！！！！！

闷骚小贱男 发表于 2021-8-28 20:23

Takitooru 发表于 2021-8-28 14:20
刚还想着提交建议，特殊是手机截图的帖子，论坛本身没有针对这类图片缩放，看着非常好难受，@Hmily我觉得 ...

的确，我一般手机截图都要发到电脑缩放之后才发。。。

Hmily 发表于 2021-8-30 17:37

闷骚小贱男 发表于 2021-8-30 17:08
https://wwa.lanzoui.com/iWCZQtdadsd
是所有帖子。。。但是我发现我这种直接/倍数好像有时候会看起 ...

{:1_896:}本来手机就挺小的，再缩感觉直接看不清了呢？没感觉到实际意义了？

闷骚小贱男 发表于 2021-8-30 19:30

Hmily 发表于 2021-8-30 17:37
本来手机就挺小的，再缩感觉直接看不清了呢？没感觉到实际意义了？

{:1_908:}我是觉得手机的截图动不动就1000多宽，用电脑看帖子，一个图就占了一个屏幕，所以才想到在电脑浏览器缩放一下图片。。。视频是4倍，可以缩2倍。。

查看完整版本: 自动缩放论坛内帖子图片和发帖markdown用法提示小脚本