草庐IT

开发技术

全部标签

javascript - Chrome 开发工具在调试 iframe contentWindow 时崩溃

我正在尝试调试iframe的contentWindow,但每次我尝试在chrome59上查看contentWindow对象时dev-tools页面崩溃。将contentWindow属性悬停在断点上或单击控制台记录的对象时会发生这种情况。我正在使用ReactJS,所以我创建了一个Reactfiddle,尽管我认为这不相关。Fiddletoreproduce:打开开发工具点击“试用”单击console.logged对象。有没有办法避免崩溃? 最佳答案 由于新的contextselection,这似乎已在chrome60上得到修复.特征

javascript - 无法使用 Chrome 开发工具检查元素

我有一个基本的html文件(base.html),其中包含一个使用(iframe.html)的iframe。iframe仅在单击某个菜单项时显示。它们都托管在同一个域中。在base.html中,我包含了一个指向我使用的外部服务的脚本。包含脚本会返回一个存在于我的页面上的对象。在iframe.html中,我有另一个脚本,它根据返回的对象的某些属性构建菜单my_list_builder.js的代码如下所示:varmyList=parent.externalAPI.getItems()varlistBlock=""for(vari=0;i'+myList[i].Name+'';}listBl

javascript - 用于搜索引擎可抓取应用程序的 EmberJS 技术栈

我阅读了很多有关客户端JavaScript应用程序和搜索引擎机器人爬行方法的资料。我发现了两种通用方法:工作流程1:先决条件:整个Web应用程序可以优雅地降级,并且无需JavaScript即可使用。因此对于搜索引擎机器人来说是可见的。用户来自对特定主题的谷歌搜索主题以纯html格式尽快加载JSAppFramework在后台加载一旦准备就绪,JSAppFramework就会接管所有操作和路由等。工作流程2:先决条件:服务器后端是根据Google的ajax爬虫指南(https://developers.google.com/webmasters/ajax-crawling)设计的,并返回到

javascript - 使用开发人员工具识别 javascript 闭包

我目前正在开发一个纯javascript网站,并且严重依赖jQuery和jQueryUI库(该网站不适合公众使用,因此渐进增强不是该项目的严格要求)。我在执行以下代码时遇到严重的内存泄漏:oDialogBox=$("...");/*Addusefulthingstothedialogboxhere*/oDialogBox.appendTo("body");oDialogBox.dialog({/*Otherdialogboxsettingshere*/close:function(event,ui){oDialogBox.dialog("destroy");oDialogBox.rem

javascript - 如何从浏览器开发工具访问 Webpack 模块?

我有一个用webpack编译的ES6模块。要调试它,我必须手动将某些对象附加到window,以便我可以通过Chrome/Safari中的调试工具引用它们:exportclassDialog{...}window.debugdialog=Dialog;这非常麻烦,而且肯定不是最好的方法。有没有一种方法可以在不修改源代码的情况下引用模块?是的,我知道断点,而且我会使用它们。但有时我想加载所有代码并通过使用内联JavaScript控制它来调整UI。 最佳答案 来源map如果您在开发环境或您自己的机器上运行服务器,您可以利用sourcema

javascript - 每当发生 JavaScript 错误时显示突出的错误消息(供开发使用)

每当我的JavaScript在向控制台记录错误消息时死机,我都希望立即被告知。控制台太隐蔽,经常被其他窗口隐藏或遮挡。我可以拥有像.NET异常对话框一样突出的东西吗?对我来说,这些JavaScript错误是完全致命的;它们不是可以忽略的东西,在我花一些时间思考为什么某些事情没有发生之前,我想了解它们。是否有适用于Firefox或Chrome的插件? 最佳答案 我认为window.onerrorhandler将为您提供这样的功能,您可以在其中提醒错误、url和行号,DEMO注意:确保window.onerror函数位于单独的脚本标记内

javascript - 这个 JS 片段有什么作用? `"开发"!== 'production'`

都在这react.jsfile:if("development"!=='production'){vartypeofSpec=typeofspec;varisMixinValid=typeofSpec==='object'&&spec!==null;"development"!=='production'?warning(isMixinValid,'%s:You\'reattemptingtoincludeamixinthatiseithernull'+'ornotanobject.Checkthemixinsincludedbythecomponent,'+'aswellasanym

javascript - 在 Vue 中代理 webpack 开发服务器

我正在尝试使用vue-axios和vuex将所有api/请求代理到http://localhost:3000。命令行上的输出表明代理已经创建,但它实际上并没有代理到正确的地址和404。我在webpack中有以下设置:dev:{env:require('./dev.env'),port:8080,autoOpenBrowser:true,assetsSubDirectory:'static',assetsPublicPath:'/',proxyTable:{'api/':{target:'https://localhost:3000/api',changeOrigin:true,path

javascript - 是否有可能检测用于 Web 开发中渐进增强的处理能力?

有时我需要添加超出CSS3范围的动画效果,例如与滚动位置耦合的效果等。通常,这工作得很好,但最近我遇到了一个棘手的问题。我正在尝试制作动画用户使用-webkit-filter:blur()向下滚动页面时出现的模糊效果。这很容易用一些JavaScript实现,但我发现动画模糊确实给用户的处理器带来了压力。动画在我全新的上运行正常速度极快的mac-book,但无法在旧机器(甚至是我的浏览器)上流畅运行GoogleChrome以外的计算机)。实现细节并不重要,但我发现这个问题回避了问题:CanItransparentlydetect(roughlyperhaps)theclientsproc

javascript - 三.JS | PerObject-Blur,我可以使用哪些技术来优化 GLSL/C 代码?

更新2我已经使用THREE.js实现了自定义属性,影响来自顶点着色器中与位置属性对齐的每次传递,这是代码最少的最佳解决方案。Iwilladdtheexamplelater更新1此方法将alpha设置为受边界框内速度范围影响的顶点。我需要提示来处理GLSL代码重复pervertex,这对我来说有点奇怪?我应该使用函数吗?怎么办?https://jsfiddle.net/LeroyRon/uep9t1v1/#&togetherjs=MjBnNMFQFl反正我有这个://for.xif(position.x>0.0){if(velocityPosition.x+(velocities.x*s