GVKun编程网logo

Xdebug 无法与我的 WordPress 站点建立连接

3

如果您对Xdebug无法与我的WordPress站点建立连接感兴趣,那么本文将是一篇不错的选择,我们将为您详在本文中,您将会了解到关于Xdebug无法与我的WordPress站点建立连接的详细内容,并

如果您对Xdebug 无法与我的 WordPress 站点建立连接感兴趣,那么本文将是一篇不错的选择,我们将为您详在本文中,您将会了解到关于Xdebug 无法与我的 WordPress 站点建立连接的详细内容,并且为您提供关于forEach() 无法与我的 HTML 标签一起正常工作,循环遍历 JSON、jQuery 无法与我的 Blazor 应用程序正常工作、MWeb 1.3.7 发布!增加发布到 Wordpress 等支持 MetaWeblog API 的服务,如:Wordpress 博客、新浪博客、cnblogs、oschina。、PHPStorm + Xdebug + Chrome Xdebug Help的有价值信息。

本文目录一览:

Xdebug 无法与我的 WordPress 站点建立连接

Xdebug 无法与我的 WordPress 站点建立连接

如何解决Xdebug 无法与我的 WordPress 站点建立连接

我目前正在开发一个 wordpress 插件项目,我想使用调试器来调试我的 PHP 代码。

我已经使用 docker 安装了我的 wordpress 并安装了 Xdebug。所有提供的与 Xdebug 一起使用的设置都已完成,但我的调试器仍然无法工作。

我不知道如何解决这个问题。任何人都可以帮忙吗?

forEach() 无法与我的 HTML 标签一起正常工作,循环遍历 JSON

forEach() 无法与我的 HTML 标签一起正常工作,循环遍历 JSON

如何解决forEach() 无法与我的 HTML 标签一起正常工作,循环遍历 JSON

我有以下来自 API 的 json 响应,该响应被保存到 const users :

  1. [{
  2. "id": 1,"name": "Ani","workingHours": {
  3. "days": {
  4. "1": {
  5. "day": "Monday","hours": [
  6. {
  7. "start": "09:00:00","end": "11:20:00"
  8. },{
  9. "start": "14:00:00","end": "17:40:00"
  10. }
  11. ]
  12. },"2"
  13. "day": "Tuesday","end": "12:30:00"
  14. },{
  15. "start": "13:00:00","end": "19:30:00"
  16. }
  17. ]
  18. },"3": {
  19. "day": "Wednesday","end": "18:30:00"
  20. }
  21. ]
  22. }
  23. }
  24. }
  25. },{
  26. "id": 2,"name": "Ben","end": "18:30:00"
  27. }
  28. ]
  29. },"2": {
  30. "day": "Tuesday",{
  31. "start": "15:00:00",}
  32. }
  33. }]

我想在我的应用中为员工显示以下文本:

  1. Ani
  2. Monday: 09:00 - 12:30 && 14:00 - 18:30
  3. Tuesday: 09:00 - 12:30 && 15:00 - 18:30
  4. Wednesday: 09:00 - 12:30 && 14:00 - 18:30
  5. Ben
  6. Monday: 09:00 - 12:30 && 14:00 - 18:30
  7. Tuesday: 09:00 - 12:30 && 15:00 - 18:30

我如何在 Javascript/Typescript 中实现这一点?

我告诉你我的尝试。

  1. {users &&
  2. users.map((user: any) => (
  3. <p key={user.id}>{user.name}</p> //this is shown correctly
  4. {user.workingHours.days.length != 0 &&
  5. Object.values(
  6. user.workingHours.days
  7. ).forEach((entry: any) => (
  8. <>
  9. <p>{entry.day}</p>
  10. {entry.hours &&
  11. entry.hours.map((hour: any) => (
  12. <p>
  13. {hour.start} - {hour.end} &&
  14. </p>
  15. ))}
  16. </>
  17. ))}
  18. )}

我知道我在显示 hour.starthour.end 时执行错误,但至少我认为我能够正确显示 entry.day。这不会发生,我真的不知道为什么,即使我可以成功登录:

  1. {users &&
  2. users.map((user: any) => (
  3. console.log(user.name);
  4. {user.workingHours.days.length != 0 &&
  5. Object.values(
  6. user.workingHours.days
  7. ).forEach((entry: any) => (
  8. <>
  9. console.log(entry.day)
  10. ))}
  11. )}

日志:

  1. Ani
  2. Monday
  3. Tuesday
  4. Ben
  5. Monday
  6. Tuesday
  7. Wednesday

似乎 forEach 根本不适用于 HTML 标签。

谁能告诉我如何在我的页面中显示以下文本?

  1. Ani
  2. Monday: 09:00 - 12:30 && 14:00 - 18:30
  3. Tuesday: 09:00 - 12:30 && 15:00 - 18:30
  4. Wednesday: 09:00 - 12:30 | 14:00 - 18:30
  5. Ben
  6. Monday: 09:00 - 12:30 && 14:00 - 18:30
  7. Tuesday: 09:00 - 12:30 && 15:00 - 18:30

解决方法

这是因为 forEach 不返回任何内容,我认为您想使用 map 来遍历 Object.values(user.workingHours.days)

jQuery 无法与我的 Blazor 应用程序正常工作

jQuery 无法与我的 Blazor 应用程序正常工作

如何解决jQuery 无法与我的 Blazor 应用程序正常工作

我有以下脚本,它在从我的浏览器启动的简单 html 文件中运行良好:

$("*[scroll-to]").click((event) => {
    // whatever here...
});

但是,当它与 Blazor 一起使用时,单击我的按钮时不会触发它。

我找到了一个解决方法,用这个代替第一行:

$(document).delegate("*[scroll-to]","click",function (event) {

我为什么要这样做?为什么它只会在使用 Blazor 时停止工作?

我还有很多其他功能不起作用,例如这个,它没有像它应该的那样添加 display: none css 属性:

if (!checkoutModal)
    $("#checkoutModal").hide();

它基本上什么都不做,即使它正在执行。

jQuery 应该正确导入:

我能做什么?为什么会发生这种情况,我该如何解决?

解决方法

您想使用 JSInterop 来初始化 Blazor 应用程序中的 jQuery 对象。定义一个 JavaScript init 函数,您应该从 Blazor 调用以执行初始化。这个函数通常应该只调用一次。您应该从生命周期 OnAfterRender(Async) 方法对中调用它。这些方法有一个名为 firstRender 的布尔参数,它在您的 Balzor 应用程序第一次呈现时被评估为 true。请务必记住,仅在呈现 Blazor 应用程序后才初始化 JS 对象。

这是我的一个回答的a link,详细解释了如何做到这一点

重要: 仅当您不能使用 JS 时才使用。这是 Blazor,这不是 Angular 或其他什么。尝试将 JS 小部件(例如模态)转换为 Blazor 组件。

不要通过 JS 对象(例如 jQuery)来操作 Blazor 组件,当然也不要通过 JS 对象来改变组件的状态。它们不应该干扰 Blazor 的渲染系统,也不应该接触 Blazor 生成的 DOM 元素。在任何情况下,JS 对象所做的更改都将被忽略。例如,如果您将值分配给绑定到 Blazor 中的属性的输入文本元素,则在呈现页面时将忽略该值。

MWeb 1.3.7 发布!增加发布到 Wordpress 等支持 MetaWeblog API 的服务,如:Wordpress 博客、新浪博客、cnblogs、oschina。

MWeb 1.3.7 发布!增加发布到 Wordpress 等支持 MetaWeblog API 的服务,如:Wordpress 博客、新浪博客、cnblogs、oschina。

<h2 id="toc_0">MWeb 1.3.7 版的新功能</h2>

<ul> <li>增加发布到 Wordpress 等支持 Metaweblog API 的服务,目前经测试过的有: Wordpress 博客、新浪博客、cnblogs、oschina。</li> <li>增加发布到 Tumblr 和 Scriptogr.am </li> <li>即时预览改进,原来会闪动,现在拿掉了同步滚动功能后不会了。</li> <li>编辑器和三栏切换也有小改进。</li> </ul>

<h2 id="toc_1">下边介绍一下发布到 Wordpress 等支持 Metaweblog API 的功能</h2>

<p>我所知,Mac 下支持这一功能的 Native 的 Markdown 编辑器就只有 MWeb 了。之前用过 Live Writer 的朋友都知道这功能非常好用,因为加图片非常方便!然后是离线写作,不用担心内容丢失,还可以方便地发布到多处地方。我之前用 Live Writer 时还会时不时要切到 HTML 代码下去修正一下格式问题,有点难用,现在用 Markdown 的话,就不会有这情况了。可以说:Markdown 和 Metaweblog API 才是真正的完美结合!</p>

<p>在 MWeb 中点菜单:<code>MWeb</code> - <code>Preferences</code> - <code>Publishing</code> 即可进入发布设置界面,如下:</p>

<p><img src="http://static.oschina.net/uploads/img/201504/17093925_FuAC.jpg" alt=""/></p>

<h3 id="toc_2">增加发布到 Wordpress 的服务</h3>

<p>点 Wordpress.org 这个按钮,如下图,由于 Wordpress 的远程发布网址可以由博客网址得知,所以只需要填入博客网址、帐号、密码即可。密码是存到 Keychain,所以可无需担心。<br/> <img src="http://static.oschina.net/uploads/img/201504/17093927_x1hn.jpg" alt=""/></p>

<h3 id="toc_3">增加发布到 新浪博客、cnblogs、oschina 的服务</h3>

<p>点 Metaweblog API 这个按钮,如下图,必填的只有 帐号、密码、Publish URL。Publish URL 这个一般支持 Metaweblog API 的服务都会提供的。</p>

<p><img src="http://static.oschina.net/uploads/img/201504/17093927_CKSG.jpg" alt=""/></p>

<p>下面说一下新浪博客、cnblogs、oschina 的 Publish URL。</p>

<ul> <li>新浪博客的 Publish URL:<a href="http://upload.move.blog.sina.com.cn/blog_rebuild/blog/xmlrpc.php">http://upload.move.blog.sina.com.cn/blog_rebuild/blog/xmlrpc.php</a></li> <li>cnblogs 的 Publish URL:<a href="http://www.cnblogs.com/Blog%E5%90%8D/services/metaweblog.aspx">http://www.cnblogs.com/Blog名/services/metaweblog.aspx</a>。其中 <strong>Blog 名</strong> 请换为您的博客名。cnblogs 的博客后台设置,拉到最下面,也可以找到这个网址。比如说我的是 <a href="http://rpc.cnblogs.com/metaweblog/OtisBlog">http://rpc.cnblogs.com/metaweblog/OtisBlog</a> 两者网址不同,但是效果一样。</li> <li>oschina 的 Publish URL:<a href="http://my.oschina.net/action/xmlrpc">http://my.oschina.net/action/xmlrpc</a></li> </ul>

<h3 id="toc_4">发布</h3>

<p>如下图红框处,你可以在 MWeb 分享按钮(右上角的第三个按钮)中找到所增加的发布服务。名称会显示 <code>Blog Name</code> 中设定的名称。</p>

<p><img src="http://static.oschina.net/uploads/img/201504/17093920_7QSi.jpg" alt=""/></p>

<p>比如说我要发布到我的 Wordpress 博客,点 <code>oulvhai 的 Wordpress 博客</code>,如下图:<br/> <img src="http://static.oschina.net/uploads/img/201504/17093929_iYWk.jpg" alt=""/></p>

<p>要注意的时,有些博客服务是不支持上边的一些设置的,比如说 <code>Custom URL</code>、<code>Publish Date</code>、<code>Status</code> 等。设定好后,点 <code>Publish</code> 按钮就可以发布了。</p>

<p>要说明的是:Metaweblog API 有自动上传图片的功能,有看到我现在这文章的图片都是在本地的,发布时就会自动把图片上传到所发布的博客服务。所以就不用找图床了。我这文章会发布到以下几个地方:</p>

<ul> <li>我的用 MWeb 静态网站功能生成的个人博客:<a href="http://coderforart.com">http://coderforart.com</a></li> <li>同样用 MWeb 静态网站功能生成的 MWeb 中文官网:<a href="http://zh.mweb.im">http://zh.mweb.im</a></li> <li>我的 Wordpress 测试博客:<a href="http://appbk.sinaapp.com/">http://appbk.sinaapp.com/</a></li> <li>我的新浪博客:<a href="http://blog.sina.com.cn/oulvhai">http://blog.sina.com.cn/oulvhai</a></li> <li>我在 cnblogs 的博客:<a href="http://www.cnblogs.com/OtisBlog">http://www.cnblogs.com/OtisBlog</a></li> <li>我在 oschina 的博客:<a href="http://my.oschina.net/oulvhai">http://my.oschina.net/oulvhai</a></li> </ul>

<h2 id="toc_5">关于 MWeb Lite</h2>

<p>MWeb Lite 的定位是 Markdown 编辑器和一些 MWeb 正式版的功能的体验。对于轻度使用 Markdown 的朋友来说, MWeb Lite 已足够了,MWeb 正式版的功能大部分用不到。MWeb Lite 的 Markdown 编辑器功能是跟 MWeb 正式版一样的。这个功能会随着 MWeb 这个产品的不断打磨而得到更好的体验。目前 MWeb Lite 对于正式版不同的地方有:</p>

<ol> <li>文档库 MWeb Lite 限定为 10 个文档</li> <li>发布服务只能增加 1 个。</li> </ol>

<h2 id="toc_6">其他</h2>

<p>这里说一下用 MWeb 生成的静态博客的好处:可直接打开所生成的 HTML 文档就能预览!这个是不同于 otcpress 等静态博客生成方式的。otcpress 等生成的 HTML 直接打开预览是没办法看到效果的,必须上传或者用 otcpress 来预览。MWeb 的静态博客功能没有 otcpress 这么强大,但是对于简单只想写一下博客的朋友来说,我觉得足够了。当然,下一版也会增强静态博客功能的。</p>

<p>另外发布到 Wordpress.com、bloger、evernote 功能也是会有的,这几个要在 1.4 版发布后才会开始弄。</p>

PHPStorm + Xdebug + Chrome Xdebug Help

PHPStorm + Xdebug + Chrome Xdebug Help

一、配置php+Xdebug 

在php.ini 文件加上

[XDebug]
zend_extension = "D:\xampp\php\ext\php_xdebug.dll" ;xdebug 动态库文件路径
xdebug.profiler_append = 0
xdebug.profiler_enable = 1
xdebug.remote_enable = on

二、PHPStorm配置

1、配置php

2、配置debug

三、Chrome Xdebug Help

1.安装chrome扩展 Xdebug helper。(需要翻墙)

2.进入 Xdebug hepler 的配置选项中,选择 IDE key 为 PHPStorm。

3.打开你的 PHPStorm 并设置一个测试断点并开启右上角监听按钮。如图

4、然后在谷歌浏览器访问,把扩展调整为 debug 模式,如图

5.刷新你刚才的页面就会发现弹出了个对话框并且已经开始调试了。选择你调试的主页面入口文件路径即可

6、最终效果如图。可以尽情的调试你的代码。



就是如此简单的操作,需要的时候点开 chrome 的扩展 Xdebug 设置为 debug 即可让你随时调试你的页面。

觉得不错的同学多点赞哈!有问题的同学随时留言。



关于Xdebug 无法与我的 WordPress 站点建立连接的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于forEach() 无法与我的 HTML 标签一起正常工作,循环遍历 JSON、jQuery 无法与我的 Blazor 应用程序正常工作、MWeb 1.3.7 发布!增加发布到 Wordpress 等支持 MetaWeblog API 的服务,如:Wordpress 博客、新浪博客、cnblogs、oschina。、PHPStorm + Xdebug + Chrome Xdebug Help等相关知识的信息别忘了在本站进行查找喔。

本文标签: