JavaScript localStorage键和值未显示在chrome浏览器中

我使用下面编写的代码在浏览器的本地存储中设置键和值。我认为这段代码可能有效，因为当我使用

console.log（）时，
storageArrObj
的值显示在浏览器的控制台上，但当我导航到应用程序->本地存储时，键和值不显示在浏览器的应用程序区域，我使用的是谷歌Chrome浏览器。它应该显示
storageArrObj
的键及其值
{
firstName:firstNameSto，
lastName:lastNameSto
}

这是我正在使用的完整代码

<label>First Name: </label><input type="text" id="firstNameSto"><br>
<label>Last Name: </label><input type="text" id="lastNameSto"><br>
<button type="submit" id="fetchDetails">Submit and Display</button>
<div id="displayStorage"></div>

<script>
    document.getElementById('fetchDetails').addEventListener('click',storageFunction);
    function storageFunction(){
        var firstNameSto = document.getElementById('firstNameSto').value;
        var lastNameSto = document.getElementById('lastNameSto').value;
        var storageArr = [];
        var storageObj = {
            firstName: firstNameSto,
            lastName: lastNameSto
        }
        if (localStorage.getItem('storageArrObj') === null){
            storageArr.push(storageObj);
            var storeObj = JSON.stringify(storageArr);
            localStorage.setItem('storageArrObj', storeObj);
        } else {
            var parseStor = JSON.parse(localStorage.getItem('storageArrObj'));
            storageArr.push(parseStor);
            storageArr.push(storageObj);
            var storeObj = JSON.stringify(storageArr);
            localStorage.setItem('storageArrObj',storeObj);
        }
        console.log(localStorage.getItem('storageArrObj'));

    }
</script>

名字：

姓氏：

提交和显示
document.getElementById（'fetchDetails'）。addEventListener（'click'，storageFunction）；
函数storageFunction（）{
var firstNameSto=document.getElementById（'firstNameSto'）.value；
var lastNameSto=document.getElementById（'lastNameSto'）.value；
var-storageArr=[]；
var storageObj={
firstName:firstNameSto，
lastName:lastNameSto
}
if（localStorage.getItem（'storageArrObj'）==null）{
storageArr.push（storageObj）；
var storeObj=JSON.stringify（storageArr）；
setItem（'storageArrObj'，storeObj）；
}否则{
var parseStor=JSON.parse（localStorage.getItem（'storageArrObj'）；
storageArr.push（parseStor）；
storageArr.push（storageObj）；
var storeObj=JSON.stringify（storageArr）；
setItem（'storageArrObj'，storeObj）；
}
log（localStorage.getItem（'storageArrObj'）；
}
运行
console.log（localStorage.getItem（'storageArrObj'））时会发生什么页面加载时或在dv工具控制台中？不清楚这是否只是一个开发工具问题或代码问题我以前遇到过这个错误，不知道一个peremnant解决方案，但您可以关闭开发人员控制台，然后刷新页面，现在再次打开控制台&在application->Locat Storage中，您可以看到您的站点url，单击它，然后您将看到这些变量@恶魔化学家谢谢，成功了@恶魔化学家，谢谢你的帮助。我知道这是一个老问题，但你的解决方案解决了我今天的问题，即2021年1月4日。因此，到目前为止，Chrome的问题依然存在。希望这对其他人有帮助。