我已经构建并应用了这个扩展 react-application-injectcss(https://github.com/pnp/sp-dev-fx-extensions/tree/master/samples/react-application-injectcss)但它适用于所有站点在我的租约中。我可以对需要应用自定义css/js的特定站点的站点名称进行硬编码吗
我在哪里更改代码(.ts 文件)?
我已经构建并应用了这个扩展 react-application-injectcss(https://github.com/pnp/sp-dev-fx-extensions/tree/master/samples/react-application-injectcss)但它适用于所有站点在我的租约中。我可以对需要应用自定义css/js的特定站点的站点名称进行硬编码吗
我在哪里更改代码(.ts 文件)?
我想说的是,从意识形态上讲,注入 CSS 来定制你不拥有的东西是一种有点骇人听闻且可能有害的方式。要自定义站点外观,您可以使用站点模板。例如,要“摆脱侧边栏”,您可以创建“交流”网站(没有侧边栏)而不是“团队”网站(有)。就如此容易。
你可以使用这个扩展将js文件注入到页面中,并在js文件中判断当前页面的url,然后注入CSS文件。
if ((window.location.href.toLowerCase().indexOf('testfolder') > 0))
{
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.href = 'https://contoso.sharepoint.com/sites/dev/Doc/testFolder/test.css';
link.rel = 'stylesheet';
link.type = 'text/css';
head.appendChild(link);
}