有什么方法可以停止显示来自chrome开发人员工具的组件变量

Question

在我的项目中，我遇到的情况就像在服务之前，我需要一个布尔变量。功能正常。但是在开发人员工具中，我可以通过将断点放在if条件之前将变量值更改为true。

步骤：

1. 将断点放在If条件之前。

2. 可以从 scope 部分将布尔（ userDetailsFlag ）变量的值更改为true，然后释放断点

component.ts

    this.userDetailsFlag = false
    this.showSpinnerFlag = true;
    if (!this.userDetailsFlag) {
      this.showSpinnerFlag = false;
      this.toastr.error('Please check the user details');
      return false;
    }          
this.serviceRequestService.saveRequestDetails(this.serviceRequest)
.subscribe(data => {
    }, (err) => {
     });

我们可以阻止通过浏览器开发人员工具显示作用域变量吗？

Answer 1

使用该开发人员工具，使用该断点，在执行过程中自定义值-所有这些都是为了使开发人员更好地理解和调试代码...

如果您不希望最终用户进行这些劫持，请以产品模式构建应用程序，启用代码包优化插件，代码uglify插件，禁用源映射，enableProdMode（）。...这将给最终用户艰难的时刻甚至要设置断点...

但是同样，它是针对最终用户的产品模式，对于开发人员模式，您可以使用这些断点和频繁的值更改...