快捷键

     打开开发者工具 Ctrl+Shift+I

     页面刷新 Ctrl+R

CSP内容安全策略警告

     Electron Security Warning (Insecure Content-Security-Policy)

解决方法

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">

    default-src 'self' 只允许加载同源的资源

     script-src 'self' 只允许加载同源的脚本

    style-src 'self' 'unsafe-inline'

           'self' 只允许加载同源的样式

           'unsafe-inline' 允许内联样式

    注

    同源策略是浏览器的一种安全机制,

    通过对比协议、域名和端口这三部分来确定资源是否"同源",只有同源的资源才能进行交互

base.css

/*
    作者: 邓瑞
    版本: 1.3
    网站: www.dengruicode.com
    日期: 2024-08-18
*/
* {
    margin: 0;
    padding: 0;
}

body {
	font-size: 14px;
    font-family: "仓耳与墨 W02";
}

a {
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

ul,
li {
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}

img {
    border: none;
}

iframe {
    border: none;
}

/* Chrome 滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background: #d8dadb;
}

::-webkit-scrollbar-thumb:hover {
    background: #c3c2c2;
}

/* color */
.blue {
    color: #1e9eff;
}

.green {
    color: #15baaa;
}

.orange {
    color: #feb801;
}

.red {
    color: #f75a23;
}