如何向 wp_add_inline_script 添加延迟或异步属性?

Art*_*lus 3 javascript wordpress deferred

首先,我使用以下方法对脚本进行排队:

wp_enqueue_script( "script", plugins_url( "/test/js/script.js", PATH ), array("jquery"), VERSION, true );
Run Code Online (Sandbox Code Playgroud)

然后我在“脚本”之后插入一个内联脚本。

wp_add_inline_script( "script", "console.log('hello world');" );
Run Code Online (Sandbox Code Playgroud)

现在我需要向我的内联脚本添加defer 或 async 属性,有没有办法对wp_add_inline_script()嵌入的脚本执行此操作?

Sha*_*nus 6

wp_enqueue_script( "script", plugins_url( "/test/js/script.js", PATH ), array("jquery"), VERSION, true );

wp_script_add_data( 'script', 'async/defer' , true );

查看更多

  • 为了使其工作,需要二十主题的自定义脚本加载器类。`wp_script_add_data` 默认没有这个选项。 (3认同)
  • 嗨,看看这个。WordPress二十二十主题使用相同的功能来启用异步https://github.com/WordPress/WordPress/blob/bcb8ee6dcf8ea69bc5e60ff196d9452d5b14eaa1/wp-content/themes/twentytwenty/functions.php#L212\ (2认同)
  • @StevenAguilar,它要么是延迟,要么是异步,而不是两者兼而有之。 (2认同)