Skip to content

浏览器限制那点事

· 4 min

自动播放音频#

在用户没有交互的情况下,不会自动播放音频。

解决方法:

  1. 监听 touchend, click, keydown 事件,在这些事件处理中调用 play 方法。

Autoplay policy in Chrome

Chrome 声音自动播放抱错问题【play() failed】

无法调用摄像头#

谷歌浏览器只支持 https, 127.0.0.1, localhost 三种地址方式调用摄像头,http 方式不支持直接调用。

解决方法:在地址栏输入 chrome://flags, 搜索找到 Insecure origins treated as secure 属性, 添加不安全网址 ip 或者域名,并设为可用。

https://blog.csdn.net/weixin_45931326/article/details/109626136

使用 canvas 对 video 视频某一刻截图功能

当前的 cookie 规范是 RFC 6265,它取代了 RFC 2109 和 RFC 2965(这两个 RFC 现在都被标记为“历史性”)并且正式化了 cookie 的实际使用语法。它明确指出:

1 介绍

由于历史原因,cookie 包含许多安全和隐私信息。例如,服务器可以指示给定的 cookie 用于“安全”连接,但 Secure 属性在存在活动网络攻击者时不提供完整性。 同样,给定主机的 cookie 在该主机上的所有端口之间共享,即使 Web 浏览器使用的通常的“同源策略”隔离了通过不同端口检索的内容。

并且:

8.5 弱机密性

Cookie 不提供端口隔离。如果 cookie 在一个端口上运行的服务可读,则 cookie 也可由在同一服务器的另一个端口上运行的服务读取。如果 cookie 在一个端口上可由服务写入,则 cookie 也可由在同一服务器的另一个端口上运行的服务写入。出于这个原因,服务器不应该在同一主机的不同端口上运行相互不信任的服务,并使用 cookie 来存储安全敏感信息。

Cookie 与端口问题

HTTP cookie 端口是否特定?

Edge#

下载 Word 时打开两个标签页#

下载 Word 时,Edge 默认尝试在游览器打开

解决方法:关闭默认行为

关闭

IE#

script 标签位置#

解决方法 script 标签放到 body

HTML1506: Unexpected token <script>

Safari#

GET 请求缓存#

发起相同链接请求时,会返回一种结果。

解决方法 加时间戳或者随机数

W3C#

Form Submission#

当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。

https://www.w3.org/MarkUp/html-spec/html-spec_8.html#SEC8.2

HTTP#

The name of the downloaded file is garbled(混乱的)#

Content-Disposition issues

https://blog.csdn.net/hello_world_9664/article/details/123438628

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Content-Disposition

Windows#

问题:

问题

打开时显示故障的图片大多是数码相机拍摄的,目前的数码产品都采用较广色域(如Adobe RGB,广色域范围的RGB颜色),你会发现同一张图手机和电脑上的显示成色会出现很大差异。故障的原因其实是由于【Windows 图片查看器】程序无法完整地识别照片中的颜色所导致,图片指定了配色方案(如Adobe RGB),与照片查看器默认使用的配色方案不匹配,换句话说照片查看器无法正确识别图片所指定的配色方案,无法正确显示CMYK色域,这样“Windows 图片查看器”在打开类似的图片时就会一直试图将其加载到内存中读取,最终导致系统提示内存不足。

解决Windows照片查看器无法显示此图片,提示内存不足的问题

  1. 修改系统配置
  2. 用其他第三方图片查看器