Chrome加载旧版本的Javascript文件

Chrome Loading an Old Version of Javascript File

本文关键字：Javascript 文件 版本 加载 Chrome      更新时间：2023-09-26

我正在使用CodeIgniter构建一个web应用程序。

我遇到的问题是chrome正在加载我的javascript文件main.js 的旧版本

我的代码：

$(document).load(function(){
/******************************************
*                                         *
*              AJAX FUNCTIONS             *
*                                         *
******************************************/    
function deactivate_dept_member(user_id, token_name, token_hash, callback)
{
    $.post(
        site_url('/ajax/deactivate_dept_member'),
        {
            'user_id':usr_id,
            token_name:token_hash
        },
        function(result){
            var response = jQuery.parseJSON(result);
            callback(response);
        }
    );
}
function activate_dept_member(usr_id, token_name, token_hash, callback)
{
    $.post(
        site_url('/ajax/activate_dept_member'),
        {
            'user_id':usr_id,
            token_name:token_hash
        },
        function(result){
            var response = jQuery.parseJSON(result);
            callback(response);
        }
    );
}
function get_dept_users_for_session(dept_id, token_name, token_hash, callback)
{
    $.post(
        site_url('ajax/get_dept_users_for_session'),
        {
            "dept_id":dept_id,
            token_name:token_hash
        },
        function(result){
            var response = jQuery.parseJSON(result);
            callback(response);
        }
    );
}
function invite_dept_user(email_address, first_name, last_name, admin, token_name, token_hash, callback)
{
    $.post(
        site_url('ajax/invite_dept_user'),
        {
            "email_address":email_address,
            "first_name":first_name,
            "last_name":last_name,
            "admin":admin,
            token_name:token_hash
        },
        function(result){
            var response = jQuery.parseJSON(result);
            callback(response);
        }
    );
}
function get_department_members(dept_id, token_name, token_hash, callback)
{
    $.post(
        site_url('ajax/det_department_members'),
        {
            "dept_id":dept_id,
            token_name:token_hash
        },
        function(result){
            var response = jQuery.parseJSON(result);
            callback(response);
        }
    );
}


/******************************************
*                                         *
*              UTILITY FUNCTIONS          *
*                                         *
******************************************/
function site_url(add_on)
{
    return 'http://localhost:8080/app/index.php'+add_on;
}
function getUserTypeString(user_status)
{
    switch(user_status)
    {
        case "1":
            return "Invited";
        case "2":
            return "Active";
        case "3":
            return "Inactive";
        default:
            return "";
    }
}

function isDepartmentAdmin(user_role)
{
    if(user_role == 2){
        return true;
    }
    return false;
}
function get_error_message(error_code)
{
    switch(error_code)
    {
        case "20130":
            return 'The username already exists';
        default:
            return 'A general error occured';
    }
}

})

Chrome说什么是我的来源：

/******************************************
*                                         *
*              AJAX FUNCTIONS             *
*                                         *
******************************************/    
function deactivate_dept_member(user_id, token_name, token_hash, callback)
{
    $.post(
        site_url('/ajax/deactivate_dept_member'),
        {
            'user_id':usr_id,
            token_name:token_hash
        },
        function(result){
            var response = jQuery.parseJSON(result);
            callback(response);
        }
    );
}
function activate_dept_member(usr_id, token_name, token_hash, callback)
{
    $.post(
        site_url('/ajax/activate_dept_member'),
        {
            'user_id':usr_id,
            token_name:token_hash
        },
        function(result){
            var response = jQuery.parseJSON(result);
            callback(response);
        }
    );
}
function get_dept_users_for_session(dept_id, token_name, token_hash, callback)
{
    $.post(
        site_url('ajax/get_dept_users_for_session'),
        {
            "dept_id":dept_id,
            token_name:token_hash
        },
        function(result){
            var response = jQuery.parseJSON(result);
            callback(response);
        }
    );
}
public function invite_dept_user(email_address, first_name, last_name, admin, token_name, token_hash, callback)
{
    $.post(
        site_url('ajax/invite_dept_user'),
        {
            "email_address":email_address,
            "first_name":first_name,
            "last_name":last_name,
            "admin":admin,
            token_name:token_hash
        },
        function(result){
            var response = jQuery.parseJSON(result);
            callback(response);
        }
    );
}
public function get_department_members(dept_id, token_name, token_hash, callback)
{
    $.post(
        site_url('ajax/det_department_members'),
        {
            "dept_id":dept_id,
            token_name:token_hash
        },
        function(result){
            var response = jQuery.parseJSON(result);
            callback(response);
        }
    );
}


/******************************************
*                                         *
*              UTILITY FUNCTIONS          *
*                                         *
******************************************/
function site_url(add_on)
{
    return 'http://localhost:8080/app/index.php'+add_on;
}
function getUserTypeString(user_status)
{
    switch(user_status)
    {
        case "1":
            return "Invited";
        case "2":
            return "Active";
        case "3":
            return "Inactive";
        default:
            return "";
    }
}
function isDepartmentAdmin(user_role)
{
    if(user_role == 2){
        return true;
    }
    return false;
}
function get_error_message(error_code)
{
    switch(error_code)
    {
        case "20130":
            return 'The username already exists';
        default:
            return 'A general error occured';
    }
}

 �����������������

我所做的尝试和解决问题

  • 使用Chrome开发工具禁用缓存
  • 使用LiveReload扩展/应用程序
  • 重新启动的Apache
  • 验证了Vagrant的共享是否正常工作（我运行的虚拟centos实例中的文件与我的Mac上的文件相同）
  • 尝试让chrome加载不同版本的文件（在文件的url末尾添加？2：localhost:8080/app/assets/js/main.js？2）

其他需要注意的事项：

  • 这种情况也发生在Firefox和Safari中，所以问题可能出在Apache身上，但我无法测试这一理论，因为我无法获得php的oci8扩展来编译任何其他操作系统

编辑：

我尝试过更多的

  • 重命名文件（会起一点作用，但问题再次出现。）

如果它在重命名时工作，然后停止工作，那么就不能是任何类型的缓存（除了"严重损坏的缓存"），也不能是修改文件的东西（例如BOM、流氓CR等）。

但我猜这个文件是有效的，然后它停止工作不是"过一段时间"，而是"在你再次保存它之后，做出了一个似乎非常小且无关的更改"。

如果是这种情况，你可能正在处理流氓CR或奇怪的EOF处理：试着用不同的编辑器（理想情况下是十六进制编辑器）检查磁盘上的文件，和/或用你拥有的最简单的文本编辑器打开它。

如果你有一个裸露的CR作为文件的最后一个字符，那么每当你再次读/写文件时，一些编辑器和平台会添加两个"奇怪的字符"（实际上是另一个LF和另一个流氓CR）。同样的编辑器不会显示这些字符，因此您无法从这些编辑器中删除它们。

更新：另一种明显的可能性是，您有一个未正确检测到的"隐藏"UTF-8字符（或其片段）。然后发生了类似的事情：

由于意外的编码更改，Visual Studio 2008项目文件未加载

注意，你得到的奇怪字符是，正是编码错误的UTF8含义，这也解释了为什么Chrome检测到意外的输入结束。

尝试从文件末尾的最后几行代码中盲目选择，并删除所选内容，然后将其写回：

            return 'A general error occurred';
        }
    }
})
/* END OF FILE */

并保存。这应该来澄清问题。从"occured"开始使用十六进制编辑器检查是否存在任何奇怪的字符。

相关文章：