如何旋转网页图片？在浏览器中直接旋转

电脑技巧 2021/09/15 青小蛙 19

来自 @dangerace 同学的问题：

向各位请教一下，工作需要，点击一个包含图片的页面，该图片会呈现在一个单独跳出的标签页中，有什么尽量简单的办法能旋转这个跳出来的标签页中的图片？

有同学提供了浏览器 F12 大法之后，@dangerace 同学再次交代了背景：

感谢回复，不过真正要旋转图片的是我部门员工，我不能让她们进行这种“高级”操作，她们会杀了我的。希望能有更加简单的办法实现。

青小蛙脑补了这个场景，工作人员需要对着用户提交的图片进行数据录入，但图片会有各种方向，导致工作人员常常需要下载图片 > 打开 > 旋转，进行录入，非常影响效率。

虽然有 @cuiliang 大佬提供了 Quicker 动作，青小蛙找了个浏览器扩展，但解决方案中，最方便的无疑是小书签王子 @dms 提供的小书签，只需要点一下就好了。

使用方法简单，将该小书签添加到浏览器的收藏夹栏中，用的时候点一下就行了，非常方便。具体小书签代码请前往：

如何安装小书签

小书签就和普通书签一样，只不过普通书签是网址，而小书签是一段以 javascript 开头的代码，所以只需要：

但以这样的方式添加的收藏夹是没有图标的，小众软件曾经介绍过一个方法（如何修改 Chrome 书签栏中的网站 Favicon 图标），比较繁琐，如果你的小书签数量不多，就别折腾了 😂

默認头象君 2021/09/15 回复

小书签yyds
windszld 2021/09/15 回复

推荐一下用了多年的chrome插件Viewhance ，
快捷键q w e r 水平垂直左右翻转都行，还可以自由缩放
skystar 2021/09/15 回复

书签小王子yyds
季风哥 2021/09/16 回复

参照@dms，写了一个右键旋转图片的脚本，想转哪个转哪个。不局限第一张图片。

javascript:document.oncontextmenu = function(e) {let t = e.target;if (t.tagName.toLocaleLowerCase() == 'img') {let deg = (+(t.dataset.deg || 0) + 90) % 360;t.style.transform = 'rotate(' + deg + 'deg)';t.dataset.deg = deg;return false;}};alert('已经开启右键旋转图片');

同时有一个关闭的脚本：
javascript:document.oncontextmenu = null;alert('已经关闭右键旋转图片');

有些图片不是在img标签里的，可以用这个“旋转一切”的脚本
javascript:document.oncontextmenu = function(e) {let t = e.target;let deg = (+(t.dataset.deg || 0) + 90) % 360;t.style.transform = 'rotate(' + deg + 'deg)';t.dataset.deg = deg;return false;};alert('已经开启右键旋转一切');