iframe

1. 前言 对于一张网页，我们往往希望它是结构良好，内容清晰的，这样搜索引擎才能准确地认知它。 而反过来，又有一些情景，我们不希望内容能被轻易获取，比方说电商网站的交易额，教育网站的题目等。因为这些内容，往往是一个产品的生命线，必须做到有效地保护。这就是 爬虫与反爬虫 这一话题的由来。 2. 常见反爬虫策略 但是世界上没有一个网站，能做到完美地反爬虫。 如果页面希望能在用户面前正常展示，同时又不给爬虫机会，就必须要做到识别真人与机器人。因此工程师们做了各种尝试，这些策略大多采用于 后端 ，也是目前比较常规单有效的手段，比如： User-Agent + Referer检测 账号及Cookie验证 验证码 IP限制频次 而爬虫是可以无限逼近于真人的，比如： chrome headless或phantomjs来模拟浏览器环境 tesseract 识别验证码 代理IP淘宝就能买到 所以我们说，100%的反爬虫策略？不存在的。 更多的是体力活，是个难易程度的问题。 不过作为前端工程师，我们可以增加一下游戏难度，设计出一些 很(sang)有(xin)意(bing)思(kuang) 的反爬虫策略。 3. 前端与反爬虫 3.1 FONT-FACE拼凑式 例子： 猫眼电影 猫眼电影里，对于票房数据，展示的并不是纯粹的数字。 页面使用了font-face定义了字符集，并通过unicode去映射展示

反击爬虫，前端工程师的脑洞可以有多大？ 阅读 12325 收藏 911 2017-10-12 原文链接： litten.me 腾讯云优惠套餐包含1核2G，1M带宽云服务器10元/月 cloud.tencent.com —— 同时发表于 imweb.io 1. 前言 对于一张网页，我们往往希望它是结构良好，内容清晰的，这样搜索引擎才能准确地认知它。 而反过来，又有一些情景，我们不希望内容能被轻易获取，比方说电商网站的交易额，教育网站的题目等。因为这些内容，往往是一个产品的生命线，必须做到有效地保护。这就是 爬虫与反爬虫 这一话题的由来。 2. 常见反爬虫策略 但是世界上没有一个网站，能做到完美地反爬虫。 如果页面希望能在用户面前正常展示，同时又不给爬虫机会，就必须要做到识别真人与机器人。因此工程师们做了各种尝试，这些策略大多采用于 后端 ，也是目前比较常规单有效的手段，比如： User-Agent + Referer检测 账号及Cookie验证 验证码 IP限制频次 而爬虫是可以无限逼近于真人的，比如： chrome headless或phantomjs来模拟浏览器环境 tesseract 识别验证码 代理IP淘宝就能买到 所以我们说，100%的反爬虫策略？不存在的。 更多的是体力活，是个难易程度的问题。 不过作为前端工程师，我们可以增加一下游戏难度，设计出一些 很(sang)有

使用iframe布局是为了方便跳转，不需要写重复的代码 。 iframe要用name声明，然后通过target跳转 来源： CSDN 作者： 角海涯天 链接： https://blog.csdn.net/weixin_42995083/article/details/103989211

<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe> 方案一:用iframe的name属性定位 <input type="button" name="Button" value="Button" onclick="document.frames('ifrmname').location.reload()"> 或 <input type="button" name="Button" value="Button" onclick="document.all.ifrmname.document.location.reload()"> 方案二:用iframe的id属性定位 <input type="button" name="Button" value="Button" onclick="ifrmid.window.location.reload()"> 终极方案:当iframe的src为其它网站地址(跨域操作时) <input type="button" name="Button" value="Button" onclick="window.open(document.all.ifrmname.src,'ifrmname','')"> 来源： https://www.cnblogs.com/liukai/archive

<meta http-equiv="Content-Security-Policy" content="script-src 'self'"> 参数说明： 指令 取值示例 说明 default-src 'self' cdn.example.com 定义针对所有类型（js/image/css/web font/ajax/iframe/多媒体等）资源的默认加载策略，某类型资源如果没有单独定义策略，就使用默认。 script-src 'self' js.example.com *.54php.cn *://*.54php.cn https://*.54php.cn 定义针对JavaScript的加载策略 object-src 'self' 针对,, 等标签的加载策略 style-src 'self' css.example.com 定义针对样式的加载策略 img-src 'self' image.example.com 定义针对图片的加载策略 media-src 'media.example.com' 针对或者引入的html多媒体等标签的加载策略 frame-src 'self' 针对iframe的加载策略 connect-src 'self' 针对Ajax、WebSocket等请求的加载策略。不允许的情况下，浏览器会模拟一个状态为400的响应 font-src font.qq.com

一，单使用一首歌做背景音乐的外链 打开网易云音乐找到自己喜欢的一首歌，点进去要“生成外链播放器”的字样，如下图： 之后会跳到另一个页面复制里面的内容 之后打开博客园设置里面粘贴刚才复制过来的代码 这里有一点需要声明一下博客园好像是不能使用iframe标签的,所以必须把他改成embed标签。同时别忘了把你复制过来地址里面添上“https"，因为刚刚复制过来的是时候是没有的 之后就是成果了。 由于我是放在侧边栏的所以显示是在侧边栏。这个是自动播放的。当然如果要不显示也可以通过样式把这个隐藏掉，只显示声音就好了。 来源： https://www.cnblogs.com/yohe/p/12196185.html