草庐IT

系统工具

全部标签

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

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

javascript - 编写依赖父构建工具的 Vue 组件的正确方法

Iimaginethisproblemwouldapplytootherframeworksthathaveabitofaplugin/componentecosystemaboutthemthatrelyonspecificbuildtools(ReactcomponentswithJSX,etc).Vueisjustmyuse-case.我以单个.vue文件的形式编写了多个Vue组件,这些组件已发布到NPM。这些组件的package.json没有列出任何依赖项,因为它们本身旨在在使用webpack、vue-loader、sass-loader等的父项目中运行。Thisisanexa

javascript - 在 D3 map 上显示工具提示

我使用D3和countriesgeojson创建了一个基本map.这是demo.现在,当用户点击map上的任何坐标时,我会在工具提示中显示天气信息,并以天气图标作为标记。countries=countriesGroup.selectAll("path").data(json.features).enter().append("path").attr("d",path).attr("id",function(d,i){return"country"+d.properties.iso_a3;}).attr("class","country")//addamouseoveractiontos

javascript - 在 JavaScript 中使用 Chrome 中的系统打印对话框

我们遇到一个问题,即Chrome的“打印预览”无法正确打印我们的页面。如果您使用“使用系统打印对话框链接”(Ctrl+Shift+P),它可以很好地打印我们的页面(几乎与Firefox相同)。我们的页面上有一个按钮调用window.print()来打开打印对话框。但是,在Chrome中,它会打开“打印预览”对话框,最终无法正确打印我们的页面。是否可以使用JavaScript直接打印到Chrome中的“系统打印对话框”?附言我确实知道最终用户如何在chrome://flags中禁用打印预览,但我想知道的是,无论用户设置如何,当我以编程方式调用window.print()(或类似的)时,无

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 - 使用开发人员工具识别 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 - 如何完全禁用 redactor 工具提示?

在redactor中,当我将鼠标悬停在工具栏按钮上时,工具提示会从左上角飞过放置工具栏按钮的位置。这种奇怪的行为使这个工具提示非常丑陋,并且想要禁用它。Thislink描述了禁用内联工具提示,但我正在寻找一种方法来禁用主工具提示。如何禁用它?下图中的黑色工具栏有工具提示,我想禁用鼠标悬停时出现的工具提示,因为它有一些错误行为。 最佳答案 我认为你实际上可以只使用简单的css来做到这一点.redactor-toolbar-tooltip{display:none!important;} 关

javascript - 在 Lab、Hcl 或任何感知均匀的颜色系统中改变色调和亮度

在HSL颜色空间中更改色调、饱和度和亮度非常容易。参见thisjavascriptimplementationforexample.生成配色方案也很容易,例如:类似色、单色、三色、四色等。参见thisjavascriptimplementation.问题在于HSL颜色系统在感知上并不统一。实际上这是一个真正的问题。如果你不知道我在说什么,没关系。阅读:here和here.(这两篇文章真的很短,但很有值(value),你真的应该读一读)。解决方案是使用感知统一的色彩空间,例如:CieLab、CieLuv或Hcl。问题是这些颜色空间也有色域外的颜色(无法显示的颜色)。要在javascrip

javascript - 用于分析和绘制 Javascript 函数之间依赖关系的工具

是否有可以为javascript生成函数依赖关系图的程序/工具?基本上,输入应该是javascript文件的文件夹,然后输出是一个漂亮的图表,显示每个函数之间的所有关系。如果我也可以与图表进行交互,那就更好了。有办法吗?谢谢 最佳答案 在Windows和VisualStudio上,您可以查看JSAnalyse:http://jsanalyse.codeplex.com/我没试过,但根据描述,它解析JavaScript文件并根据它们之间的静态引用创建不同文件的依赖关系树。项目JSAnalyseisatooltoanalyzethede