如何在网页当中查看代码时把后面的不是自己写的几行删除

问题遇到的现象和发生背景
问题相关代码,请勿粘贴截图
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
<script>
        // 字符串对象  根据字符返回位置  str.indexOf('要查找的字符', 起始的位置)
        var str = 'abcoefoxyozzopp';
        var index = str.indexOf('o');  //获取第一个'o'的下标,赋予index
        var num =0;
        while(index!=-1)
        {
            console.log(index);     //输出第一个'o'的位置
            num++;
            index = str.indexOf('o',index+1);   //从'o'后边一字符开始查找
        }
        console.log('o'+'出现的次数是'+num);
    </script>
    <script>document.write('<script src="//' + (location.host || 'localhost').split(':')[0] + ':35929/livereload.js?snipver=1"></' + 'script>')</script><script>document.addEventListener('LiveReloadDisconnect', function() { setTimeout(function() { window.location.reload(); }, 500); })</script></body>

运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
<script>
        // 字符串对象  根据字符返回位置  str.indexOf('要查找的字符', 起始的位置)
        var str = 'abcoefoxyozzopp';
        var index = str.indexOf('o');  //获取第一个'o'的下标,赋予index
        var num =0;
        while(index!=-1)
        {
            console.log(index);     //输出第一个'o'的位置
            num++;
            index = str.indexOf('o',index+1);   //从'o'后边一字符开始查找
        }
        console.log('o'+'出现的次数是'+num);
    </script>

实时测试,而不是真实删除原文件代码,是这个意思吗?
打开F12,点击页面代码,在源代码中找到对应的代码删除后,刷新页面,可以看到效果。

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632