如何使用SPFX将CSS或JavaScript注入SharePoint Modern页面

问题描述

我已经实现了SPFX扩展，以便将CSS和JS注入到Sharepoint现代页面中。我可以在现场部署它而不会出现任何错误。但这正在渲染我的自定义CSS和脚本

如何调试它以查看问题出在哪里？

我已经引用此链接来实现它：https://github.com/hugoabernier/react-application-injectcss

解决方法

@ user9989023，

您可以打开F12工具来查看css / js文件是否已加载。或者，您可以添加断点并通过远程工作台对其进行调试。

• https://docs.microsoft.com/en-us/sharepoint/dev/spfx/debug-in-vscode#debug-solution-using-hosted-workbench

以下是有关如何注入CSS / JS的演示：

• https://github.com/kongmengfei/SharedSPFx/blob/master/app-extension-js/src/extensions/helloWorld/HelloWorldApplicationCustomizer.ts

结果：

更多参考：

• https://tahoeninjas.blog/2018/05/08/inject-custom-css-on-sharepoint-modern-pages-using-spfx-extensions/

BR