相关疑难解决方法(0)

我在客户在其网站上包含的javascript库中嵌入了一个UI小部件.我想要一种在客户网站上测试开发版本库的方法,而不需要他们对代码进行任何更改.这样可以轻松调试问题并测试新版本.

为此,我需要将脚本include更改为指向我的dev服务器,然后覆盖在页面中调用的load()方法,以添加一个额外的参数来告诉它在进行远程调用时指向哪个服务器.

看起来我可以使用chrome扩展程序将JS添加到页面中,但在加载之前我没有看到任何修改页面的方法.是否有我遗漏的东西,或者镀铬扩展不允许做这种事情？

我正在尝试找到一种工具,允许非程序员在实时服务器上测试文件.

例如,他们可以修改计算机上的图像,重新加载网页,然后立即查看他们的工作结果.

我已经尝试过为此找到一个工具,因为看起来很明显,有人必须想到它,但我看到的很多软件都不太合适.一个名为Fiddler的工具就是这样做的(他们称之为自动应答)但它只是Windows.我可以更改hosts文件以重定向到nginx或其他东西的本地实例,但是当我真正想要的是一个简单的工具时,这似乎很难维护...

http://someserver.com/css/(.* ) - >/home/user/localcss/$ 1

有人有什么建议吗？

编辑:重定向澄清

本地文件映射开发工具是firefox中查找器代理的替代工具吗？我试图将远程服务器资源映射到本地文件,但它似乎没有工作.当我重新加载页面时,似乎没有应用JS文件中的控制台语句和更改.

我可以看到sources文件夹中列出的本地文件夹和文件.另外,请注意源不显示原始JS文件.但我在本地文件的sources选项卡中看到此消息.

工作区映射不匹配

其余警告表明本地文件夹中的文件与远程加载的文件不同.为什么这是一个问题,不会总是这样,因为你想在本地编辑文件？

我错过了什么？有什么指向修复这个？我的假设是错误的,Chrome开发工具中的这个功能可以允许在本地加载资源,就好像它是从原始位置加载的一样？

我用一个简单的html页面再次测试了这个页面,其中一个js文件有一个简单的控制台日志语句 - "加载远程文件......".此文件映射到具有不同日志语句"加载本地文件..."的本地js但是,我仍然看到来自远程文件的日志消息.

从开发工具源选项卡添加了快照以获取更多上下文 "源"选项卡正确显示本地文件夹和文件,但显示映射警告.另请注意,源代码不再具有remote.js文件.

示例:我想创建一个 AutoResponse规则,将所有对一个主机的调用映射到另一个主机,但保留URL.例子

http://hostname1/foo.html - > http://hostname2/foo.html

和

http://hostname1/js/script.js - > http://hostname2/js/script.js

在一条规则中. 现在,我已经通过为项目调用的每个URL创建了一个N AutoResponse规则来实现这一点,但我确信必须有一种方法可以使用正确的通配符来修改一条规则.我查看了http://www.fiddler2.com/Fiddler2/help/AutoResponder.asp,但我看不出怎么做.外卡似乎都在匹配而不是动作.

完整的上下文: 我在一个测试平台和Visual Studio开发中borked这样远,它是将所有的请求HTTP://本地主机:24575当我的项目实际上是上运行的http://本地主机:56832

我需要为VSTS构建摘要选项卡开发一个相当复杂的UI.我正在使用VS Code作为代码编辑器.以下url描述了如何使用Edge浏览器进行调试,但是这种方法需要不断打包和部署VSTS扩展,这使得它非常耗时. https://www.visualstudio.com/en-us/docs/integrate/extensions/test/debug-in-browser

我尝试使用View In Browser扩展程序直接加载.html(摘要选项卡),并在浏览器控制台中显示以下消息,

No handler found on any channel for message: 
{"id":1,"methodName":"initialHandshake","instanceId":"VSS.HostControl","params":[{"notifyLoadSucceeded":true,"vssSDKVersion":2}],"jsonrpc":"2.0","handshakeToken":"4234q23rqfafaf23r"}

开发时有没有更好的方法来调试应用程序？