Chrome 地址栏

笑虾

2024-03-26 帮助1人

data:text/html,

打开一句文本

干干净净的页面就一句Hello World

data:text/html, 'Hello World'

开启文本编辑器模式

其实就是将HTML对象设置为可编辑状态（H5新加的功能）

data:text/html,<html contenteditable>

执行一段代码

既然是一个<script>标签，那写啥就随便发挥了。不知道有安全限制没。

data:text/html,<script>alert("按F2打开控制台，然后把代码复制过去执行即可！")</script>

打开一个引入了 Chart.js 图表的页面

data:text/html,<script src="https://cdn.bootcdn.net/ajax/libs/Chart.js/3.7.1/chart.min.js"></script>

按F2打开控制台，然后把代码复制过去执行即可！

var cvs = document.createElement("CANVAS");
document.body.appendChild(cvs);
var ctx = cvs.getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)','rgba(54, 162, 235, 0.2)','rgba(255, 206, 86, 0.2)','rgba(75, 192, 192, 0.2)','rgba(153, 102, 255, 0.2)','rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255,99,132,1)', 'rgba(54, 162, 235, 1)','rgba(255, 206, 86, 1)','rgba(75, 192, 192, 1)','rgba(153, 102, 255, 1)','rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        scales: { y: {  min:0, max: 20  } }
    }
});

打开一个引入了 jQuery 的页面

data:text/html,<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

直接使用jQuery获取时间

$.ajax({
    url: 'http://quan.suning.com/getSysTime.do',
    type: 'GET',
    dataType: 'json',
    success: data=>{
        console.log(data);
        document.body.innerHTML = `<h1>时间</h1><p>${data.sysTime2}</p>`;
    }
});

这篇好文章是转载于：学新通技术网

Chrome 地址栏

data:text/html,

打开一句文本

开启文本编辑器模式

执行一段代码

打开一个引入了 Chart.js 图表的页面

打开一个引入了 jQuery 的页面

photoshop保存的图片太大微信发不了怎么办

《学习通》视频自动暂停处理方法

Android 11 保存文件到外部存储，并分享文件

word里面弄一个表格后上面的标题会跑到下面怎么办

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

excel下划线不显示怎么办

excel打印预览压线压字怎么办

TikTok加速器哪个好免费的TK加速器推荐

怎样阻止微信小程序自动打开