在源代码中隐藏/混淆 Javascript 变量

Question

假设，为了争论，我有一个带有进度条的页面，该进度条基于某个主题标签在 Twitter 上发布的次数而前进。 这可以生成如下：

tweets = <?php echo $tweetsfile->total; ?>;
target = <?php echo $target; ?>;
$('#progressbar').css('width', tweets / (target/100) + '%');

假设人们不希望能够查看源代码并查看目标数字是多少。 是否有一种简单的策略可以防止这些信息被窥探？

Answer 1

而不是在客户端进行计算，而是在服务器端进行。

$('#progressbar').css('width', <?php echo ($tweetsfile->total / ($target/100)); ?> + '%');

Answer 2

您可以简单地计算百分比服务器端 (php) 而不是客户端。

$progress = ($tweets / ($target/100));

而 output 只有 $progress，这将是百分比。

$('#progressbar').css('width', $progress + '%');

Answer 3

尝试只计算 php 中的百分比：

progressPercent = <?php echo (100 * $tweetsfile->total / $target); ?>;
$('#progressbar').css('width', progressPercent + '%');