草庐IT

开源工具

全部标签

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 - 用于分析和绘制 Javascript 函数之间依赖关系的工具

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

javascript - Scrapy 之类的 Nodejs 工具?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭2年前。Improvethisquestion我想知道是否有类似Scrapyfornodejs的东西?。如果不是,您如何看待使用简单的页面下载并使用cheerio对其进行解析?有没有更好的办法。

javascript - Chrome 开发工具 : save custom geolocation in Dev Tools Presets

我在Chrome上使用开发者工具来测试我的javascript应用程序。但是,您是否知道在Chrome开发工具(Mac上为ALT+MAJ+I)>控制台>更多(...)>传感器>地理定位中更改和保存地理位置预设?感谢您的帮助。 最佳答案 唉,截至2017年6月,此功能尚未实现。但是有一个针对这个确切功能的功能请求=>https://bugs.chromium.org/p/chromium/issues/detail?id=649657获得所需内容的最佳方法是:使用Google帐户登录。访问featurerequestlink.点击问题

javascript - 如何在 chrome 开发者工具中重放一个 fetch

在chrome开发者工具中,对于xhr请求(网络选项卡)“重放xhr”非常有用。我已经开始使用fetch在我的代码中,chrome开发人员工具不允许“重播”获取请求,怎么可能?我做错了什么吗? 最佳答案 嗯,好像还不支持。这真是令人失望,因为“重播”太有用了,不能停止使用它。所以我听从了@wOxxOm的建议,我刚刚创建了一个promise的标准xhr版本:https://github.com/max-favilli/helper-xhr 关于javascript-如何在chrome开发者

javascript - 改变 firebugx.js 以适应 IE 开发者工具

firebugx.js文件(如下所示)同时检查!window.console和!console.firebug,它可以正确检测是否安装了firebug。但是,该检查不适应IE开发人员工具中的native控制台对象——它会覆盖IE控制台对象。例如,如果我包含firebugx.js代码,那么以下异常将不会出现在IE控制台中(它会被吞掉):functionfoo(){try{throw"exception!!!";}catch(e){console.error(e);}}问题:容纳IE开发人员调试器的最佳方法是什么?也许显而易见的答案是在IE中调试时简单地注释掉firebugx.js检查。还

javascript - 如何使 Twitter Bootstrap 工具提示易于访问?

如您所知,无法访问TwitterBootstrap工具提示(即屏幕阅读器无法阅读它们)。要做到这一点,应该做以下事情:调用tooltip()函数,生成的文本元素(包含工具提示文本的元素)应该添加一个新属性:aria-hidden="true".原始元素(tooltip()被调用)应该添加一个属性:aria-describedby="#",其中tooltip-id指的是上面刚刚创建的新元素的id。由于Javascript当前的工作方式是使用.tooltip选择所有元素类并应用tooltip()它的功能,我想知道如何在不修改tooltip()的源代码的情况下做到这一点功能。下面是一个按钮的

javascript - Angular UI 工具提示溢出屏幕

我有一个带有状态通知的工具提示(http://angular-ui.github.io/bootstrap/),但是当此通知过大时,它会溢出屏幕限制。这是正在发生的事情的打印:我在angularui中找不到任何处理这个问题的属性。提前致谢! 最佳答案 此解决方案不使用Angular-UI,仅使用Angular和Bootstrap。Bootstrap不是必须的,只是稍微简化了这个过程:http://plnkr.co/edit/jLThSTrLUapAG8OLW44m?p=preview在我继续之前,这个例子的替代方法是添加一个带有wo

javascript - Chart js v2 工具提示回调换行符

我正在尝试在图表jsv2工具提示回调中添加换行符我的代码:varmyChart=newChart(ctx,{type:'line',data:data,options:{tooltips:{callbacks:{label:function(tooltipItem,data){vartooltip="exampletooltip";varotherTooltip="othertooltip";returntooltip+"\n\r"+otherTooltip;}}}}});使用\r、\n或两者的组合都不起作用,有人知道吗?顺便说一句,我使用的是chartjsv2.3.0。更新我已经解决