天气变的冷了,打算找几部电影在被窝里看于是上网顺便找了一个电影网站看看最近有没有好看的电影。后来发现了一部电影,可惜网站只支持在线观看,而且不支持移动端,於是我跟往常找资源一样在浏览器种按下F12想在Network找到视频源地址然后发到手机里但浏览器却发出了提示:

以下代码是从那网站种提取出来的:

其实原理就是通过debugger设置了断点,那破解代码方法也就非常跳过断点就行了

当我们用一些web第三方组件、框架嘚时一般我们都是调用他们提供的API。但有时通过API无法满足我们的需求该怎么办呢？难道只能修改或拓展源码吗?这可绝对不是一个好办法一是有难度，二是时间耗不起啊

要知道，无论任何UI组件、框架最终在浏览器里生成的无非是基础html\css\js。我们直接改变这些生成的html元素鈈就好了吗这时候，灵活运用浏览器调试工具F12简直是事半功倍。

这里举两个例子比如我们用地图，地图右下角有地图的logo如下图

如果我们想要去掉这个logo，但是API里并没有提供去方法怎么办呢？这是我们只用在浏览器（我用的chrome）中按下F12

现在我们知道了这个元素是个有個class=”amap-logo”的属性。同样获取到logo后面那行字的元素，看到他有个class=”amap-copyright”的属性所以我们在自己的页面上加上对这两个标签的影藏的操作。

我想把省、市加在前面的框里就像placeholder属性一样。但是翻遍api没有找到这个属性于是再次按下F12，查看页面元素

可以看到元素层级于是，我们茬页面代码上写上