使用PhpStorm调试JavaScript中调用的Laravel函数

我需要一些指导，指导如何调试在JavaScript页面中调用的JavaScript函数中映射的以下Laravel函数。使用PhpStorm调试JavaScript中调用的Laravel函数

$('#upload-avatar').fileapi({ 
 
    url: '{{ route("user.avatar") }}', 
 
    accept: 'image/*', 
 
    data: { _token: "{{ csrf_token() }}" }, 
 
    imageSize: { minWidth: 100, minHeight: 100 }, 
 
    elements: { 
 
     active: { show: '.js-upload', hide: '.js-browse' }, 
 
     preview: { 
 
      el: '.js-preview', 
 
      width: 96, 
 
      height: 96 
 
     }, 
 
     progress: '.js-progress' 
 
    },

正如你可以看到user.avatar Laravel函数被调用时，我尝试上传图片，我的问题是，如果我打的按钮上传PhpStorm不会激活。

我有Start listening for php debug connections ON 是否有一些额外的配置需要调试HTML代码中嵌入的JavaScript代码？

来源

2015-04-06 FerchoCarcho

“开始收听PHP调试连接” - 此按钮无关用JavaScript进行调试。 – LazyOne

感谢您的回复。我认为有一个选项可以在JavaScript运行 - >编辑配置 - > Javascript调试中进行调试。但仍然没有得到的PHP风暴激活时，点击上传按钮 – FerchoCarcho

1）您正在使用哪个浏览器？ 2）https://confluence.jetbrains.com/display/PhpStorm/JavaScript+Debugging+in+PhpStorm – LazyOne

我建议你使用Chrome，开放的网络开发工具，并导航到网络选项卡有那么当您尝试上传的文件，你会看到一个新的请求出现在网络选项卡如果你有“调试”：真实在app /配置/ app.php配置文件集，你会看到详细的错误从Laravel

下面是一个例子： Go to network tab in Developer tools Click on Preview tab on that request

来源

2015-04-06 20:38:29 msurguy

使用PhpStorm调试JavaScript中调用的Laravel函数

回答

相关问题