草庐IT

前端知识梳理-浏览器篇

全部标签

javascript - 如何检测 "copy image"浏览器事件?

使用jquery,我可以检测用户何时使用ctrl-c或通过上下文菜单复制某些内容(如文本):$(document).on('copy',function(e){$('body').prepend('copyevent');});但是,复制图像时似乎不会触发该事件。如何检测图像复制?具体来说,我想检测来自的复制元素,但任何应该作为理解这个问题的起点。测试场景:http://jsfiddle.net/jm23xe8w/ 最佳答案 浏览器没有复制图像事件,所以你需要通过一些技巧来模拟它。剪贴板也不会在其中保存图像。剪贴板本身只保存文本。你

javascript - 检测用户是否在浏览器窗口中两次放置同一个文件

我想允许用户将图像从他们的桌面拖动到浏览器窗口,然后将这些图像上传到服务器。我只想上传每个文件一次,即使它被多次放在窗口上也是如此。出于安全原因,JavaScript可访问的File对象中的信息是有限的。根据msdn.microsoft.com,只能读取以下属性:姓名lastModifiedDate(Safari还公开了size和type)。用户可以将不同文件夹中具有相同名称和最后修改日期的两个图像拖放到浏览器窗口中。这两张图片实际上不同的可能性非常小但有限。我创建了一个脚本,它读取每个图像文件的原始数据URL,并将其与之前放在窗口中的文件进行比较。这样做的一个优点是它可以检测具有不同

javascript - 当浏览器小于 640px 时,如何将列表项转换为 slider ?

我想让它的slider只在移动View中启用寻呼机和触摸。我不太熟悉如何使用jQuery/JavaScript,所以我希望你们能帮助我:)HTML:CreateAccountFindYourGameCreate/JoinTeamCompete&WinCSS:.slider{margin-top:30px;font-family:'Sintony';}.slider.slide{float:left;width:22.3%;padding:2%0;background:#191f2e;text-align:center;font-weight:bold;font-size:13px;}.

javascript - 为客户端(浏览器)PDF 生成分块和传输大量数据

我正在尝试从网络服务器(Node.js)下载HTML/JSON数据并在客户端将其转换为PDF。我希望在用户的浏览器上进行处理,这样我的服务器就不会因pdf转换而重载。如果数据不是那么大,应该没有问题。一份报告(从服务器下载的数据)可以加起来200、300MB,浏览器无法处理内存中的这么多数据。因此,我(可能)需要以block的形式下载和保存数据,或者将其直接通过管道传输到PDF转换器。但我无法理解它。我如何切片和存储/管道下载的数据?我一直在四处寻找并找到了几个库,但我仍然不知道如何让它们一起工作。有什么想法吗? 最佳答案 我认为让

javascript - 谷歌浏览器导航器在线始终为真

基于mozilla开发者网络https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine/onLine它说Returnstheonlinestatusofthebrowser.Thepropertyreturnsabooleanvalue,withtruemeaningonlineandfalsemeaningoffline.Thepropertysendsupdateswheneverthebrowser'sabilitytoconnecttothenetworkchanges.Theupdateoccurswhen

javascript - 在注册表单上,表单字段未保存在提交时自动填写的浏览器中。(ReactJs)

我的站点中有一个注册表单,我正在其中保存字段,并且在用户再次返回该注册表单时保存表单后,我希望将以前的字段值保存在浏览器自动填充中。下面是我的代码片段-SignUp在anchor标记的onClick代码中,我通过注册用户函数进行ajax调用。之后,我希望用户数据自动填充到chrome中的浏览器自动填充地址中。我尝试了以下方法:-1.很少有人建议使用表单“提交”按钮功能将数据保存在自动填充中,而不是使用ajax调用表单anchor标记的onClick事件。但这对我来说也不起作用。2.我看过一些帖子,其中他们告诉我要为字段使用专有名称和自动完成属性。但使用该浏览器只能猜测正确的字段值。

javascript - Node.js 比使用 Tesseract.Js 的浏览器 (Safari) 慢 20 倍

JS的新手和Node.js的新手。在Safari中运行Tesseract.js(文本识别软件:http://tesseract.projectnaptha.com)大约需要10秒,并立即开始输出进度。Node(v6.9.1)(从终端或通过Electron运行)在开始输出到控制台之前将CPU运行到100%4分20秒。然后它大约在同一时间完成。建议采取哪些故障排除步骤?这对Node来说很常见吗?我在日志中看到的唯一区别是Safari“在缓存eng.traineddata中找到”清除和禁用缓存对时间的影响很小。尝试了几个.JPG和.PNG(300-600kb)文件,结果相同-但BMP(3.7

javascript - 如何使用 polymer 检测浏览器后退按钮点击事件?

是否可以检测到用户是通过使用浏览器中的历史后退按钮进入页面的?我最好使用polymer来检测此操作。 最佳答案 您可能会收听此处记录的popstate事件:https://developer.mozilla.org/en-US/docs/Web/Events/popstate这应该在单击后退按钮、调用history.back()等时触发。 关于javascript-如何使用polymer检测浏览器后退按钮点击事件?,我们在StackOverflow上找到一个类似的问题:

javascript - 在进行需要身份验证的 ajax 调用时如何抑制浏览器的 "authentication required"对话框?

我的用户输入第三方服务的用户名和密码。我对该服务进行了ajax调用以对它们进行身份验证。问题是,如果他们输入错误的用户名和密码,浏览器(至少是firefox)将显示“需要身份验证”对话框。如果他们随后在该对话框中输入正确的用户名和密码,我的ajax调用将返回“成功”,并且他们输入的原始用户/密码似乎是正确的,但事实并非如此(因为他们更改了它)。有什么方法可以抑制此对话框(这样我就可以让我的服务告诉他们更正他们的用户/密码)或以某种方式获取用户在浏览器对话框中输入的正确用户名和密码?这是一个firefox扩展..所以我确信有一些方法可以从请求中获取正确的通行证/登录信息..但是如果有一个

javascript - 为什么浏览器不发送是否在请求 header 中启用/禁用了 javascript?

它看起来像是在开发服务器端代码时非常有用的东西。如果您知道浏览器不会在服务器端使用javascript,您就可以轻松地适应用户。或者,如果您只是喜欢,将他们重定向到一个页面,上面写着“嘿...我们需要您为我们的应用程序使用javascript”等等。有人知道这是为什么吗? 最佳答案 参见标签,here.我知道它可能并不理想(我没有足够的经验来将它拆开)但它确实为我们提供了足够的灵active来稍微优雅地降级。 关于javascript-为什么浏览器不发送是否在请求header中启用/禁用