首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

hexo优化bilibili显示

这篇文章属于转载,原地址为Hexo博客引用B站视频并自动适配 在进行引用B站用iframe方式引入视频时发现,通过默认的方式导入会使得屏幕很小 一般我们都是自己改width和height修改大小,但是换成不同的设备就无法正常的显示了...> 即可较好的适配大屏幕,但是到手机上就不太好用了,不能自动适配,怎么办呢,看下面的两种办法: 外面包裹一个div标签,div标签自适应与屏幕的大小,包裹内iframe以100%顶边撑开。...> 效果如下: 使用@media属性,对不同屏幕大小的设备,设置宽度和高度。...> [3]修改默认视频质量 B站默认视频质量是最低的,可以通过在src链接后面添加&high_quality=1设置 参考资料 [1] B站链接的参数: #B站链接的参数 [2] 阻止跳转B站: #阻止跳转B站 [3] 修改默认视频质量: #修改默认视频质量 本文由 mdnice 多平台发布

22510

如何让一个html网页变成一个exe可执行程序

于是就想找寻下工具,看有没有办法把已有的html页面转化成一个exe程序。 从参考文章1里发现有三种方法:HTMLRunExe 工具、hta文件、nwjs工具。...新建一个文本文档,重命名为hta后缀名,比如 test.hta; 然后用文本编辑器在里面编写一个iframe标签,把我们的目标网页地址带入到其src属性中; <iframe src="你的网页地址" style...如果设置为false,程序将无边框显示 也就是没有系统默认的关闭,最小化,全屏按钮 "width": 800,//窗口的大小 "height": 500, //窗口的大小 "position...如果使用kiosk模式,应用程序将全屏显示,并且阻止用户离开应用 }, "webkit": { "plugin": true,//bool值,是否加载插件,如flash,默认值为false...但我按照它的方法,没有办法合成exe。

16.9K20
您找到你想要的搜索结果了吗?
是的
没有找到

老生常谈:利用Membership实现SSO(单点登录)

那么还是自己“造轮子”弄一个简陋一点的方案吧,其实只要用过Membership的朋友都知道“用户是否已经登录”以及“用户当前的role是什么”等问题的判断依据就是检测客户端有没有(当前要访问)网站(所在域...此外,最好还要求各分站使用同一套统一的用户名/密码表。...(隐藏的iframe)模拟浏览器访问这二个页面 (b)为了尽量使用Membership的功能,少写代码,同时保留membership通过web.config配置目录访问权限的风格,在passport项目中...实现跨域读写Cookie,默认情况下,如果用户IE浏览器的“隐私”级别设置为中(及中以上)时,浏览器仍然会阻止iframe跨域设置Cookie(所谓的“同域同源”原则,即:当前浏览器的url以及各frame.../iframe里面的页面,如果在同一个域名,就能正常实现cookie的读写,否则禁止。

91550

JS魔法堂:定义页面的Dispose方法——unload事件启示录

window.attachEvent('onbeforeunload', dispose) window.addEventListener('beforeunload', dispose) 坑3: 尊重用户的选择  有办法阻止用户关闭或刷新页面吗...没办法,二次确定已经是对用户操作的最大限度的干扰了。...然后有了以下的填坑过程: 第一想到的就是嵌套iframe实现,当iframe的实例化成本太高了,导致iframe还没来得及发送请求就已经完成unload过程了; 于是想到了通过script发起请求,...现在我们都明白如何利用[before]unload做资源释放等善后工作了。  ...存在Expires超期的 发生跳转时,页面存在未加载完的资源 旗下iframe存在上述情况的 页面在iframe中渲染,当用户修改iframe.src加载其他文档到该iframe时  因此若执行不可逆的清理工作时

2.3K90

关于HTML面试题汇总之H5

新增的图像为canvas类,媒体回放video和audio元素;本地离线存储localStorage,在浏览器关闭后也可以保存数据;而sessionStorage在浏览器关闭后会自动删除数据 3.新增内容标签...,但可以通过js动态设置iframe的src属性可以避免这种情况(chrome和safari支持) 3、iframe和frame的区别   3.1、iframe和frame实现的功能相同;   3.2...、iframe可以单独使用,而frame必须和frameset一起使用   3.5、在html5中iframe仅支持src属性,而对frameset和frame不在受支持 四、label标签的作用、应用...; console.log('input.........') }); }); 由于在inputOne_inner的click事件中阻止的冒泡...4、for关联       4.1、for关联,在labe标签上的事件,会触发关联元素的相应事件(并且关联元素的冒泡阻止动作无效): <label id="labeTow" for="inputTow"

1.8K50

Geekpwn 2020云端挑战赛 Noxss & umsg

Noxss noxss提供了一个特殊的利用方式,就是当我们没有反射性xss的触发点时,配合1-click,哪怕是在真实世界场景并且比较现代前端安全的场景下,还有没有什么办法可以泄露页面内容呢?...众所周知,前端涉及到读取内容就逃不开同源策略,事实证明,我们没有任何办法在不使用0day的情况下获得跨源站点下的内容,那么我们不妨去探索一下这个场景的特殊性。...lorexxar.cn/2017/10/25/csp-paper/ X-Content-Type-Options X-Content-Type-Options: nosniff 下面两种情况的请求将被阻止...这样一,由于请求返回的差异,我们就可以通过onload事见判断请求的返回状态码,从而逐位注得flag值。...在NU1L的Wp中还用了win1.frames.length去取open窗口的内的frames数量,这个利用方式涉及到前面提到的第二点,主要是利用了搜索不到内容时,页面会多出来的iframe标签做判断

49030

Puppeteer自动化的性能优化与执行速度提升

使用 tab 方式渲染后请求速度提升了 200ms 左右,一个 tab 进程使用内存降到 20M 以内,带来的收益也非常可观。...万全的解决办法是定期重启程序,当请求 1000 次或者内存超过限制后重启对应的进程。...之所以讲出来,如果后面有项目是专门做爬虫采集数据、信息的,可能可以用得上。 页面优化 浏览器打开的页面数量越多,占用的内存就越多,和我们平时使用浏览器是一样的原理的。...如果要打开多个页面执行任务时,打开的页面执行完任务之后,最好把其关闭,减少内存的占用。...为了优化爬虫性能, 我们需要阻止浏览器加载这些不必要的文件, 这可以通过对请求进行拦截实现。 而且做到 随机拦截 更好一点。

6.5K20

前端面试题-安全防范

script> 变成 // -> alert(1) escape('alert(1)') 但是对于显示富文本来说,显然不能通过上面的办法转义所有字符...对于这种情况,通常采用白名单过滤的办法,当然也可以通过黑名单过滤,但是考虑到需要过滤的标签和标签属性实在太多,更加推荐使用白名单的方式。...2.1 如何防御 防范 CSRF 攻击可以遵循以下几种规则: Get 请求不对数据进行修改 不让第三方网站访问到用户 Cookie 阻止第三方网站请求接口 请求时附带验证信息,比如验证码或者 Token...iframe 中展示 JS 防御 对于某些远古浏览器来说,并不能支持上面的这种方式,那我们只有通过 JS 的方式防御点击劫持了。...HTTPS 就可以用来防御中间人攻击,但是并不是说使用了 HTTPS 就可以高枕无忧了,因为如果你没有完全关闭 HTTP 访问的话,攻击方可以通过某些方式将 HTTPS 降级为 HTTP 从而实现中间人攻击

1.1K40

堡垒机xdmcp连接服务器连不上的原因是什么?如何检测?

对于很多互联网大型企业来说,在使用服务器的时候可能会遇到各种问题,除了会遇到黑客攻击以外,还可能会出现堡垒机xdmcp连接服务器连不上的问题,那么导致堡垒机xdmcp连接服务器连不上的原因是什么?...如果开启了管理权限,还没办法解决问题,就需要用排除法检测连接不上的原因了。 堡垒机xdmcp连接服务器连不上的检测方法 1、查看防火墙设置。...当出现堡垒机连接不上服务器的问题之后,先要看一下防火墙的设置有没有被改动过,看是否设置了阻止,只需把阻止改为同意并重新运行远程桌面就可以连上服务器了。 2、查看堡垒机的远程设置。...看一下堡垒机的远程设置有没有被勾选,若是勾选的是被动,只需要选择正确的勾选项就可以了。 3、查看服务端口。...使用指令查看服务端口是否启动,若是端口没有显示出来,就说明端口被关闭了,就需要找到服务管理重新开启服务端口。

2.1K20

Nginx配置各种响应头防止XSS,点击劫持,frame恶意攻击

不知道各位有没有被各类XSS攻击、点击劫持 (ClickJacking、 frame 恶意引用等等方式骚扰过,百度联盟被封就有这些攻击的功劳在里面。...为此一直都在搜寻相关防御办法,至今效果都不是很好,最近发现其实各个浏览器本身提供了一些安全相关的响应头,使用这些响应头一般只需要修改服务器配置即可,不需要修改程序代码,成本很低。...大概有两种方式, # 一是攻击者使用一个透明的iframe,覆盖在一个网页上,然后诱使用户在该页面上进行操作,此时用户将在不知情的情况下点击透明的iframe页面; # 二是攻击者使用一张图片覆盖在网页...网站可以使用此功能,确保自己网站的内容没有被嵌到别人的网站中去,也从而避免了点击劫持 (ClickJacking{注1}) 的攻击。...HSTS可以很大程度上解决SSL剥离攻击,因为只要浏览器曾经与服务器创建过一次安全连接,之后浏览器会强制使用HTTPS,即使链接被换成了HTTP 另外,如果中间人使用自己的自签名证书进行攻击,浏览器会给出警告

3.2K50

广告等第三方应用嵌入到web页面方案 之 使用js片段

直接在当前文档流中写入字符串,一旦文档流已经关闭,就打开新的文档流并写入,原来的文档流会被清空,已渲染好的页面就会被清除,浏览器将重新构建DOM并渲染页面.所以使用这种方案, 就一必须是同步执行嵌入的这段...js代码, 作为第三方脚本引入,阻塞性的脚本会阻止主页面的渲染,如果js文件加载迟缓,甚至不可用的, 会给主页面造成严重的性能问题, 所有不建议使用.  ...由浏览器异步处理, 所以此处使用document.write()并不会阻止父页面的加载 优点:    1.完全独立的DOM环境,不会继承父页面的样式   2完全独立的window,避免和主页面其他脚本冲突....html) 都大篇幅介绍使用iframe进行html输出,iframe提供了一种最佳的避免样式和脚本冲突的嵌入途径,但是有些情况在主页面的DOM中去渲染更为合适 不适合使用iframe的情况:    ...,这种情况不适用于使用iframe

3.3K111

Chrome 81 正式发布 !消灭混合内容最后一步~

因此,为了防止造成重大破坏,Google 为该过程选择了一个三步计划: 在 2019 年 12 月发布的 Chrome 79 中,该团队将引入一个新设置取消阻止特定网站上的混合内容。...此设置将应用于混合脚本、iframe 和 Chrome 当前默认阻止的其他类型的内容。用户可以通过单击任意 https:// 页面上的锁定图标并单击“站点设置”切换此设置。...延迟删除这两个协议的决定与当前的新冠病毒爆发有关,因为很多重要政府医疗网站还在使用 TLS 1.0 和 1.1 建立其 HTTPS 连接,现在进行整页警告可能会对抗击疫情造成影响。...从而导致大量用户无法访问站点,谷歌官方当时给出的解决办法是先关闭浏览器的 TLS 1.3 版本的支持。后来 Chrome 又禁用了一些 TLS 1.3 的功能才使得访问稳定。...会议现场可以使用扫描 NFC 标签。 AR(增强现实)支持 谷歌为 WebXR API 增加了两个沉浸性特性,允许在相机视图中放置虚拟物体。

2.3K51

作为window对象属性的元素 多窗口和窗体

iframe所创建的嵌套浏览上下文是用自己的window对象表示的。每一个iframe都是一个独立的window对象。 对于客户端js来说,窗口,标签页,iframe和框架都是浏览上下文。...和独立的不同之处在于,js脚本能够看到其祖先和子孙 打开和关闭窗口 使用window的open可以打开一个新的标签页 window.open将会载入指定的url到新的或者已经存在的窗口中(取决于如何设置...open()第一个参数会在新窗口中显示文档的url,如果参数省,或为空,将会使用空白页面进行显示 about:blank 脚本无法通过简单的猜测窗口的名字操纵窗口的web应用。...使用 _top(顶级祖先窗口) 和 _parent(直接父级窗口) 获取上下文。 窗口名字 窗口名字,运行open()方法引用已存在的窗口。...如果已经使用open()打开窗口,同样可以用close()关闭其窗口 w.close(); undefined 这样可以将w开的窗口将其关闭 如果要关闭本窗口可以调用 close() 这样就完成了页面的关闭

2.1K50

Comet——服务器推送解决方案

使用场景 监控:天气啊、水库啊、核反应堆啊、外星人入侵啊......咳咳,等等。 报价:0700涨到300块啦!南北车又跳水啦!恒生指数三万两千点啦!...类似这些消息,需要服务器即时地更新到浏览器,因为浏览器并不知道恒生指数有没有涨到三万两千点。这个问题的实现方案就是今天要记录的Comet。...恩,区别就在于服务器在没有响应的时候会把请求hold住,直到有消息要返回或者超时返回 [Fh3QAUAkKxfFZrtHT3izjslrcxJP] 从浏览器的角度来看,长轮询的办法保持了有效的请求,又避免了大量无效请求...; 这个方法的问题在于,没有办法实现可靠的错误处理或者跟踪连接的状态,因为所有的连接和数据都是由浏览器通过script标签来处理的,于是某一端什么时候断开了咱们并不知道。...方案四:xhr流 xhr流(XMLHttpRequest Streaming)也是通过标准的XMLHttpRequest对象获得的,但是需要在readyState为3的时候去访问数据,这样就不必等待连接关闭之后再操作数据

1.4K00

Comet——服务器推送解决方案

使用场景 监控:天气啊、水库啊、核反应堆啊、外星人入侵啊......咳咳,等等。 报价:0700涨到300块啦!南北车又跳水啦!恒生指数三万两千点啦!...类似这些消息,需要服务器即时地更新到浏览器,因为浏览器并不知道恒生指数有没有涨到三万两千点。这个问题的实现方案就是今天要记录的Comet。...从浏览器的角度来看,长轮询的办法保持了有效的请求,又避免了大量无效请求,并且即时性更好,这是一种可行的方案。...; 这个方法的问题在于,没有办法实现可靠的错误处理或者跟踪连接的状态,因为所有的连接和数据都是由浏览器通过script标签来处理的,于是某一端什么时候断开了咱们并不知道。...方案四:xhr流 xhr流(XMLHttpRequest Streaming)也是通过标准的XMLHttpRequest对象获得的,但是需要在readyState为3的时候去访问数据,这样就不必等待连接关闭之后再操作数据

1.2K21

百度编辑器的那些坑

解决办法: 非常简单,只需要关闭查看源代码的按钮就行,完美解决 如果一定要保留,在不知道如何处理的情况下,并且急需交差的时候,可以这么干(当时情况是第二天就得交差,由于一直找不到问题点,加班到晚上10想出来的办法...特殊符号传输后台的转义问题,以及读取数据的问题 & 针对 iframe这种嵌套框架,在保存的之后,拿不到编辑器内容的兼容处理方式 问题复现: 由于旧后台是使用iframe进行拼接旧后台系统,在保存的时候...也就是表单的父页面使用了一个textarea 标签保存具体的内容,导致即使我在iframe操作之后,依然会出现问题。...第一个问题:在IE当中,使用ctrl + V 是没有任何反应和效果的,而在谷歌的浏览器下面, 第二个问题:在IE中, 复制粘贴word内容无法粘贴图片 无法解决的办法: https://www.cnblogs.com...不出所料,没有内容,我们直接打印 e 事件对象,看看有没有想要的内容 ? 错了,使用console: ?

1.4K30

https中引入http资源资源所导致的问题

(HTTPS使用端口443,而不是象HTTP那样使用端口80和TCP/IP进行通信。)SSL使用40 位关键字作为RC4流加密算法,这对于商业信息的加密是合适的。...最笨办法 直接复制原有代码, 写成两套代码,一套为https使用,一套为http使用,http和https各自指向各自服务 全站http换成https 将所有页面中的图片、视频、音乐、js,css,ajax...等带有http的资源换成https方式,但要注意,有些外部http资源,如果没有https方式,直接换成https就会出现问题,最好还是下载到本地实现!...h5办法 . h5方法,使用js自己加载协议情况,如在body onload='aa()', 在aa() 方法中,将资源按照需求加载进来即可。...使用iframe 使用 iframe 的方式引入 http 资源,比如在 https 里面播放优酷的视频,我们可以先在一个 http 的页面里播放优酷视频,然后将这个页面嵌入到 https 页面里就可以了

4.4K82
领券