草庐IT

media-source

全部标签

javascript - 如何防止 Firefox DevTools 显示 "Source Map not found"错误?

我正在使用几个没有.map文件的第3方缩小Javascript文件。当我在FirefoxDevTools中调试时,它始终显示这些错误:Sourcemaperror:requestfailedwithstatus404ResourceURL:https://foo.domain.com/widgets/widgets.min.jsSourceMapURL:widgets.min.js.map这真的很让人分心,因为有很多这样的文件,它们确实会污染控制台。有办法关闭这些警告吗? 最佳答案 您可以通过进入开发人员工具的工具箱选项并取消选中启

javascript - Wordpress wp.media 特色图片 ID

当点击“设置精选图片”按钮时,如何连接到现有的wp.media对象并获取附件ID?我一直在看的wp.media教程似乎都是从创建一个新的wp.media框架开始的,但我只想听听来自现有框架的事件(由wp_editor()函数呈现),特别是“设置精选图片”事件。 最佳答案 尝试使用wp.media.featuredImage对象,更具体地说是它的frame()和get()方法://onfeaturedimageselection...wp.media.featuredImage.frame().on('select',function

javascript - 使用 Media Source API 平滑表示更改

我目前正在使用JavaScript和MediaSourceAPI开发DASH播放器流媒体工作正常,但我坚持改变表示。在播放期间更改表示的最暴力的方法可能是替换HTML文档中的元素。不过,我想知道是否有一种简单的方法可以使用MediaSourceAPI实现适配(更改表示形式)。我读过单个MediaSource对象可以处理多个源缓冲区,但在添加第二个视频缓冲区后会引发异常。我使用的是Chrome43.0.2357.65mvarmediaSource=MediaSource();varurl=URL.createObjectURL(mediaSource);videoElement.src=

javascript - 如何使用 source map 查找缩小错误

我使用Angular和RequireJS。我尝试使用RequireJS优化,但现在我的应用程序无法运行。我确定这是由于缩小。UncaughtError:[$injector:modulerr]http://errors.angularjs.org/1.2.0rc1/$injector/modulerr?p0=myapp&p1=Error%3…t%20(http%3A%2F%2Flocalhost%3A8080%2Fwebapp%2Fapp%2Fmain-built.js%3A4%3A10)错误信息对查找问题的帮助不是很大,所以我想知道如何使用源映射来查明原始源代码中的错误。我使用Chr

javascript - 猎犬.js : Transform the data returned by a remote source?

我正在使用带有远程API的Bloodhound,我需要转换从远程API返回的结果。APIURL是https://www.googleapis.com/books/v1/volumes?q=quilting它返回一个具有items属性的对象,该属性是一个列表。我需要将该列表返回给Typeahead,而不是顶级对象。Bloodhound文档说thereisatransformfunctionthatissupposedtodothis,但我无法让它工作。这是我的代码:varbooks=newBloodhound({datumTokenizer:function(d){returnBlood

javascript - 如何忽略 Webpack 的 "Seems to be a pre-built javascript file...Try to require the original source to get better results."?

Webpack发出警告:“这似乎是一个预构建的javascript文件。虽然这是可能的,但不推荐这样做。尝试要求原始源以获得更好的结果。”但是,我包含的这个库是有意预构建的,因此使用应用程序不需要复制其构建步骤和配置。如何忽略此警告? 最佳答案 通过将预构建模块的路径添加到模块下的webpack配置中来解决此问题:module:{//...noParse:['/node_modules/prebuiltlib/dist/build.js',]//...}这有一个额外的好处,就是构建时间稍微快一些。

javascript - 如何覆盖 Django 的 ModelAdmin 的 "media"属性并使其动态化?

最终,我想包含/排除基于...的某些javascript文件。简单地单独定义Media类是行不通的,因为它只被评估一次。我知道我可以通过制作自定义管理模板来做到这一点,但我想知道是否有一种简单的方法可以通过使媒体属性动态化来做到这一点。这是我目前所拥有的:fromdjango.contribimportadminclassMyModelAdmin(admin.ModelAdmin):model=MyModel...@propertydefmedia(self):media=super(MyModelAdmin,self).mediaifwhatever_condition_I_want

javascript - Select2.js v4.0 : how set the default selected value with a local array data source?

通过使用select2.jsv4插件,当我使用本地数组数据作为源时,如何设置默认选择值?以这段代码为例vardata_names=[{id:0,text:"Henri",},{id:1,text:"John",},{id:2,text:"Victor",},{id:3,text:"Marie",}];$('select').select2({data:data_names,});如何设置id3为默认选中值? 最佳答案 $('.select').select2({data:data_names,}).select2("val",3);

javascript - ES6 : No source code for webpack "cheap-module-eval-source-map" and "cheap-module-source-map" only ** WEBPACK FOOTER **

它曾经有效。现在,当我添加一个断点时:saveSnippet:(title,imageUrl,role)=>{debugger;...chrome(53)中的结果是:我尝试使用它并将配置更改为'cheap-module-source-map'和'eval-source-map'和'source-map'。现在只有'eval-source-map'和'source-map'可以工作。webpack.config.js(Webpack1.13.2):varpath=require('path')varwebpack=require('webpack')varCompressionPlugi

javascript - 如何在 DOM 中显示 source map 的 JS 错误

我正在尝试调试使用create-react-app为Googlebot创建的应用。TL:DR:我需要将我的错误添加到DOM中,以便它在Google机器人渲染中可见。问题是我如何获得React在开发中显示的准确(通过源映射)文件/行/列号以显示在DOM节点中。关于Googledocumentationfordebuggingrendering,他们提供了一个使用全局window.addEventlistener('error')的片段,将错误添加到DOM,以便它在Googlebot生成的渲染屏幕截图中可见。但是,当我在开发中尝试这样做时,我将其作为堆栈跟踪的第一行:在Home.rende