Chrome加载旧版本的Javascript文件

Question

我正在使用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扩展来编译任何其他操作系统.

编辑:

我尝试过的更多东西

• 重命名文件(稍微会有效,但问题会再次发生.)

Answer 1

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

但我猜测该文件可以工作，然后它停止工作不是“过了一段时间”，而是“在您再次保存它之后，进行了似乎非常微小且不相关的更改”。

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

如果您将裸 CR 作为文件的最后一个字符，则每次您再次读/写文件时，某些编辑器和平台都会添加两个“奇怪的字符”（实际上是另一个 LF 和另一个流氓 CR）。这些相同的编辑器不会向您显示这些字符，因此您将无法从这些编辑器中删除它们。

更新：另一个明显的可能性是您有一个“隐藏”的 UTF-8 字符（或其片段）未被正确检测到。然后就会发生类似这样的事情：

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

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

尝试从最后几行代码到文件末尾盲目选择并删除选择，然后写回：

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

并保存。这应该可以澄清事情。从“发生”开始检查十六进制编辑器是否存在任何奇怪的字符。