Xzonn的(不)实用小技巧

  • 2019-09-13 12:00
  • 2020-01-03 23:02

最近Xzonn似乎变懒了,小站也不经常更新了。趁着2019级新生入学,我又给自己挖了一个新的坑。这篇文章会介绍一些我自己平常会用到的一些小技巧,至于实用不实用,也得用过之后才知道。

这些小技巧可能没啥顺序,想起啥来就写啥。

注意:这些小技巧基本都是基于Windows操作系统的,如果用到浏览器则是Chrome,其他操作系统或浏览器不保证效果。

1 克服网页的限制

许多网站是非常注意自己的版权的,因此会对内容的转载进行许多限制。例如,有些网站限制文字选中,有些网站限制右键菜单,还有些网站会在复制文字之后加上版权说明(比如我这里)。当然,既然网站所有者作出了这些限制,那么他肯定不希望我们随意转载了。因此,即使可以克服这些限制,也请不要随意转载网站内容。

为何可以克服这些限制呢?因为现在是HTML 5的时代。在Flash即将于2020年停止支持的现在,仅支持Flash的网站基本只剩下一些不思进取的视频网站以及一些很久不更新的老网站了。而HTML作为跨平台的语言,为了考虑兼容性,其用到的很多格式都是基础格式。因此,我们可以认为,“只要网站上能显示出来,我们就能得到它”。

1.1 复制网页的文字

一般来说,只要能确定网页上显示的确实是文字,而不是伪装成文字的图片,那就能复制这些文字(当然图片也可以用OCR技术处理,但是中文OCR效果一般不好)。

如果文字可以被选中,但是无法复制(Ctrl + C也不行)或复制后有版权说明,可以先尝试按F12打开控制台(注意这个控制台后面会经常用到)。在控制台的“Console”选项卡中输入:

jQuery("*").unbind();

敲回车确认之后再尝试能否复制。

如果还是无法复制,那就需要尝试从源代码进行突破。在控制台界面的左上方选择(选中后图标会变成蓝色),然后再点击想要复制文字的区域(当鼠标移动到区域上时,该区域会被蓝色覆盖)。此时控制台的选项卡会自动切换到“Elements”,需要重新回到“Console”选项卡,输入:

console.log($0.innerText);

此时就可以直接从控制台复制文字了。当然,此时的文字会丢失所有的样式。

(目前为止只是开了个坑,啥时候继续填就不知道了。)