Question

为避免网页抓取或使其变得更加困难，是否可以在Angular中随机化class和id属性的名称？例如，Instagram采用这种策略，其中class和id属性名称似乎是在每个服务器响应时唯一生成的随机字符串。

如果Angular不支持这一点，是否还有其他可用的技术来实现这一目标？

谢谢。

Answer 1

如果你想使用随机ID和类，最好是什么也不用。不要将ID和类放入元素中。

在Angular中，您可以直接向元素添加样式：

<div ngStyle="divStyle"></div>

divStyle = {
  backgroundColor: 'red',
  color: white,
};

否则，如果你不使用Angular，你可以在你的项目中添加随机样式表，但是我不喜欢Angular，因为你的模板是封装的。但无论如何，这里是如何将规则添加到样式表的末尾。

randomId = Math.random().toString(36);
ngOnInit() {
  let styleSheet = document.styleSheets[0];
  styleSheet.insertRule(`#${randomId} { background-color: red; color: white; }`, styleSheet.cssRules.length);
}

<div [id]="randomId"></div>

Angular：随机类和id名称

1 个答案: