草庐IT

iframe_api

全部标签

javascript - 在 React 中使用 Google Place Autocomplete API

我想在我的react组件中有一个自动完成位置搜索栏,但不知道我将如何实现它。documentation说包括在HTML文件中,然后有一个指向元素的初始化函数——我将如何使用我的React组件/JSX执行此操作?我想我必须导入api链接,但我不知道从那里去哪里。importReactfrom'react';import"https://maps.googleapis.com/maps/api/js?key=MYKEY&libraries=places&callback=initMap";constSearchBar=()=>(//whereIwantthegoogleautocomple

javascript - "iframe.contentDocument"在 IE8 和 FF(3.5 及以下版本)中不工作还有其他步骤可以解决这个问题吗?

我在jsfile-uploader中使用了这个“iframe.contentDocument”,但它在IE8,Firefox(3.5及以下版本。我如何通过使用其他DOM来处理iframe来解决这个问题?感谢大家 最佳答案 尝试vardoc;variframeObject=document.getElementById('iframeID');//MUSThaveanIDif(iframeObject.contentDocument){//DOMdoc=iframeObject.contentDocument;}elseif(ifra

Javascript 音频 API : onaudioprocess not fired

我正在构建一个简单的应用程序,我试图在其中获取缓冲区,但似乎没有触发以下代码中的onaudio进程:(PasteBin)varaudio_context;varrecorder;window.onload=functioninit(){try{window.AudioContext=window.AudioContext||window.webkitAudioContext;navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia;window.URL=window.URL||window.w

javascript - 使用 javascript FileReader API 时是否有文件大小限制?

您可以使用javascriptFileReaderAPI来显示从文件输入字段提供的图像的预览。这在您不必使用服务器端php和ajax来显示图像的意义上非常有用。不过我的问题是:使用的图片文件大小有限制吗?就像如果用户要选择一个20MB的图像,filereader是否能够处理它?机器内存是否有可能达到极限?目前我只是在我的机器上进行本地测试。我试图加载一个bmp文件(53MB!),该文件在页面上处理和显示大约需要15秒。其他1/2MB的文件通常会立即显示。这可能不是必需的,但这是我的HTML文件:(仅供引用:此代码在支持的浏览器中运行良好)DropzoneFileUpload 

javascript - 获取 API 缓存模式

根据spec,fetchapi有多种缓存模式。(“default”、“no-store”、“reload”、“no-cache”、“force-cache”和“only-if-cached”)但是,尚不清楚每种模式的用途,或者浏览器支持的状态。 最佳答案 您可以在此处查看polyfill的文档:https://fetch.spec.whatwg.org/它确实解释了每个值的含义"default"FetchwillinspecttheHTTPcacheonthewaytothenetwork.Ifthereisafreshrespon

javascript - IFrame Resizer 不调整大小

我正在此处处理此页面:http://factor1hosting.com/~dnaz/wordpress/certifications/我正在尝试引入跨域iframe。我正在使用@DavidJBradshaw'siFrameResizer为了达成这个。但是,我没有让iframe正常工作。我可以只使用普通的javascriptinit:iFrameResize({log:true})当我使用它时,我确实得到了日志,但它没有调整大小。我也试过jQuery方法:$('iframe').iFrameResize([{log:true}]);并且不要调整日志或iframe的大小。我还尝试将它包装

javascript - 如何使用 Crypto Web API 获取 HMAC

如何使用CryptoWebAPI(window.crypto)在浏览器中获取HMAC-SHA512(key,data)?目前我正在使用CryptoJS库,它非常简单:CryptoJS.HmacSHA512("myawesomedata","mysecretkey").toString();结果是91c14b8d3bcd48be0488bfb8d96d52db6e5f07e5fc677ced2​​c12916dc87580961f422f9543c786eebfb5797bc3febf796b929efac5c83b4ec69228927f21a03a。我想摆脱额外的依赖并开始使用Cry

javascript - XSS安全。来自同一域的 2 个 iframe 之间的通信

域abc.com有一个包含2个iframe的页面。它们都是从域xyz.com加载的。XSS安全会阻止这两个iframe之间的JavaScript访问/通信/交互吗? 最佳答案 好吧,这取决于你所说的交流的意思。似乎某种类型的通信是可能的。这是一个例子:www.abc.com上的HTML:因为iframe已命名,我们可以在frame2中这样做:clickme所以我们点击第2帧的链接,但是显示第1帧的内容。 关于javascript-XSS安全。来自同一域的2个iframe之间的通信,我们在

javascript - 用于虚构视频游戏世界的 Google Maps api 自定义图 block

我想使用GoogleMapsv3api生成一个交互式GoogleMap界面,该界面将自定义图block用于视频游戏中的map。该应用程序需要能够放大并显示每个缩放级别的适当图block。我正在寻找有关如何完成此操作的资源或教程。GoogleMapsv3API似乎只讨论使用位于普通Googlemap图block之上的自定义图block。这在我的应用程序中没有意义,因为我的map是针对虚构世界的,不会与现实世界地图中的任何内容对齐。也许我只是没有在API指南中看到我需要的内容... 最佳答案 查看ImageMapType类中的引用。有一

javascript - 如何强制 YouTube Player API iframe 嵌入的高质量缩略图?

缩略图用了一年多还好好的,突然就变模糊了。页面加载时显示的缩略图看起来是正确的,但任何时候使用“player.cueVideoById”显示新缩略图时,它看起来都非常模糊。文档中没有提及如何控制缩略图质量(只有视频质量设置,例如“setPlaybackQuality”可用)。文档:https://developers.google.com/youtube/iframe_api_reference我怎样才能强制使用高质量的缩略图? 最佳答案 是的,这个问题很容易重现。我创建了一个slightlymodifiedversionofthe