把 网页代码 嵌入到 单片机程序中 2 日志2024/7/26

之前不是说把 网页代码 嵌入到 单片机程序中 嘛!

目录

之前不是说把 网页代码 嵌入到 单片机程序中 嘛!

 修改vs的tasks.json配置

 然后 测试

结果是正常的,可以编译了

但是:当我把我都html代码都写上去之后

还是会报错!!!

内部被检测到了,没辙,只有手动更新了小工具代码

界面展示

​编辑功能:两种转换格式分别对应不同用法,一键复制到剪切板(免去全选操作) 


本来可以 const char* html=R"( )";

这样写的话.这样中间可以直接放 网页代码 而不用特别的去转义!

但是我一直没有用上,一直用的前面我发布的 把 网页代码 嵌入到 单片机程序中,2024/7/25 17:33-CSDN博客

今天就挺莫名其妙的了解到了真相.............gcc版本过低

 之后我又发现..................它这个版本支持!

GCC 10.3.0默认支持C++11,显式指定标准总是个好习惯。在你的编译命令中加入-std=c++11

 修改vs的tasks.json配置

   {"version": "2.0.0","tasks": [{"label": "build","type": "shell","command": "g++","args": ["-std=c++11", //明显的指定支持c++11 风格"${file}","-o","${fileDirname}/${fileBasenameNoExtension}"],"group": {"kind": "build","isDefault": true}}]}

 然后 测试

const char* html=R"(<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body></body>
</html>)";

结果是正常的,可以编译了

但是:当我把我都html代码都写上去之后

还是会报错!!!

内部被检测到了,没辙,只有手动更新了小工具代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>body {padding: 0;margin: 0;box-sizing: border-box;}.container {overflow-x: hidden;width: 100vw;height: 90vh;background-color: bisque;}#box {width: 100vw;height: 10vh;position: relative;display: flex;justify-content: center;z-index: 2;}.button-style {bottom: 0;background-color: rgb(2, 120, 159);width: 100%;height: 10vh;}#but1 {margin-right: 5%;}</style>
</head><body><div id="daima" class="container" contenteditable="true"></div><div id="box"><button id="but" class="button-style" onclick="zy()">转义符模式:const char* html="转义后代码";</button><button id="but2" class="button-style" onclick="zy2()">双引号变单引号模式:const char* html=R"(处理后代码)";</button><button id="but3" class="button-style" onclick="zy3()">复制到剪切板</button></div><script>var hq;var typea = false;function zy() {if (!typea) {hq = document.getElementById('daima').textContent;//获取代码typea = true;}document.getElementById('but').style.backgroundColor = 'red';setTimeout(function () {document.getElementById('but').style.backgroundColor = 'rgb(2, 120, 159)';}, 200);let zh = hq.replace(/"/g, '\\"');//查找字符串 hq 中的所有双引号,并将它们替换为转义后的双引号(即 \")。document.getElementById('daima').innerText = zh;}function zy2() {if (!typea) {hq = document.getElementById('daima').textContent;//获取代码typea = true;}document.getElementById('but2').style.backgroundColor = 'red';setTimeout(function () {document.getElementById('but2').style.backgroundColor = 'rgb(2, 120, 159)';}, 200);let zh = hq.replace(/"/g, "'");//查找字符串 hq 中的所有双引号,并将它们替换为转义后的单引号。document.getElementById('daima').innerText = zh;}function zy3() {var newdaima=document.getElementById('daima').innerText;var but3=document.getElementById('but3');but3.style.backgroundColor = 'red';setTimeout(function () {document.getElementById('but3').style.backgroundColor = 'rgb(2, 120, 159)';}, 200); navigator.clipboard.writeText(newdaima).then(function () {document.getElementById('daima').innerText="";hq="";typea=false; alert("复制成功!");}, function (err) {alert("复制失败!");});}</script>
</body></html>

界面展示

功能:两种转换格式分别对应不同用法,一键复制到剪切板(免去全选操作) 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/3266492.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

摄影灯影视灯LED升降压恒流IC-惠海H5228支持 6.5V12V24V36V48V60V75V升压、降压芯片

H5228 LED升降压IC产品分析&#xff1a; H5228是惠海公司推出的一款高性能LED恒流驱动器&#xff0c;可满足多种复杂应用场景下的照明需求而设计。以下是对该产品的详细分析&#xff1a; 一、技术优势 宽电压输入范围&#xff1a;支持6.5V至75V的宽输入工作电压范围&#xf…

学习Numpy的奇思妙想

学习Numpy的奇思妙想 本文主要想记录一下&#xff0c;学习 numpy 过程中的偶然的灵感&#xff0c;并记录一下知识框架。 推荐资源&#xff1a;https://numpy.org/doc/stable/user/absolute_beginners.html &#x1f4a1;灵感 为什么 numpy 数组的 shape 和 pytorch 是 tensor 是…

GPT-4o Mini:探索最具成本效益的小模型在软件开发中的应用

随着人工智能技术的迅猛发展&#xff0c;自然语言处理&#xff08;NLP&#xff09;领域也取得了显著的进步。OpenAI 最新发布的 GPT-4o Mini 模型&#xff0c;以其卓越的性能和极具竞争力的价格&#xff0c;成为了广大开发者关注的焦点。作为一名长期关注人工智能及其在软件开发…

屏幕管控——保护文档内容安全

屏幕管控是保护文档内容安全的重要手段之一&#xff0c;它涉及到对终端屏幕的使用、访问权限、内容展示以及操作行为的监控和管理。专业的企业级防泄密系统&#xff0c;如金刚钻信息&#xff0c;会有一些专业功能针对屏幕这块有对应的防护措施。 一、屏幕水印设置 屏幕水印是…

Vue3 + Vite 打包引入图片错误

1. 具体报错 报错信息 报错代码 2. 解决方法 改为import引入&#xff0c;注意src最好引用为符引入&#xff0c;不然docker部署的时候可能也会显示不了 <template><img :src"loginBg" alt""> </template><script langts setup> …

C95之重要特性及用法实例(五十二)

简介&#xff1a; CSDN博客专家&#xff0c;专注Android/Linux系统&#xff0c;分享多mic语音方案、音视频、编解码等技术&#xff0c;与大家一起成长&#xff01; 新书发布&#xff1a;《Android系统多媒体进阶实战》&#x1f680; 优质专栏&#xff1a; Audio工程师进阶系列…

2019数字经济公测大赛-VMware逃逸

文章目录 环境搭建漏洞点exp 环境搭建 ubuntu :18.04.01vmware: VMware-Workstation-Full-15.5.0-14665864.x86_64.bundle 这里环境搭不成功。。patch过后就报错&#xff0c;不知道咋搞 发现可能是IDA加载后的patch似乎不行对原来的patch可能有影响&#xff0c;重新下了patch&…

Chapter 5: 二叉树详解

在探索计算机科学和编程世界的旅途中&#xff0c;数据结构是构成程序骨干的重要组成部分。它们不仅仅是存储数据的容器&#xff0c;更是提高算法效率、优化资源使用的关键。在众多的数据结构中&#xff0c;二叉树以其独特的结构和灵活性&#xff0c;成为了实现高效算法和解决复…

react入门到实战-day2-7.21

昨天晚上刚学完已经一点了&#xff0c;来不及写笔记&#xff0c;主要是想睡觉哈&#xff0c;所以今天补上&#xff0c;我发现效率还挺高的&#xff0c;今天重新做笔记&#xff0c;加固了昨天的知识点&#xff0c;要不以后都这样子哈&#xff0c;学完第二天再写哈&#xff0c;要…

中断相关驱动详解

1. 中断的硬件框架 1.1 中断路径上的3个部件 中断源 中断源多种多样&#xff0c;比如GPIO、定时器、UART、DMA等等。 它们都有自己的寄存器&#xff0c;可以进行相关设置&#xff1a;使能中断、中断状态、中断类型等等。 中断控制器 各种中断源发出的中断信号&#xff0c;汇聚…

python实现盲反卷积算法

python实现盲反卷积算法 盲反卷积算法算法原理算法实现Python实现详细解释优缺点应用领域盲反卷积算法 盲反卷积算法是一种图像复原技术,用于在没有先验知识或仅有有限信息的情况下,估计模糊图像的原始清晰图像和点扩散函数(PSF)。盲反卷积在摄影、医学成像、天文学等领域…

Tinygrad,llama3,Reward Model

目录 Tinygrad 与其他框架的比较 llama3 Reward Model Tinygrad 是一个轻量级的深度学习框架,由George Hotz(也被称为geohot)开发。以下是对Tinygrad的详细介绍: 与其他框架的比较 与PyTorch、TensorFlow等更全面的深度学习框架相比,Tinygrad在功能上可能有所限制,…

基于opencv的答题卡识别

文章目录 一、背景需求二、处理步骤图片预处理检测到答题卡轮廓透视变换找每个圆圈的轮廓轮廓排序判断是否答题正确 一、背景需求 传统的手动评分方法耗时且容易出错&#xff0c;自动化评分可以可以显著提高评分过程的速度和准确性、减少人工成本。 答题卡图片处理效果如下&am…

Unity Android接入SDK 遇到的问题

1. buildtools、platformtools、commandline tools 以及compiled sdk version、buildtools sdk version、target sdk version 的说明 Android targetSdkVersion了解一下 - 简书 2. 查看.class 和.jar文件 jd_gui 官网地址&#xff1a; 下载jd_gui 工具 &#xff0c;或者 idea 下…

【Django】anaconda环境变量配置及配置python虚拟环境

文章目录 配置环境变量配置python虚拟环境查看conda源并配置国内源在虚拟环境中安装django 配置环境变量 control sysdm.cpl,,3笔者anaconda安装目录为C:\ProgramData\anaconda3 那么需要加入path中的有如下三个 C:\ProgramData\anaconda3 C:\ProgramData\anaconda3\Scripts C:…

收银系统源码视频介绍

千呼新零售2.0系统是零售行业连锁店一体化收银系统&#xff0c;包括线下收银线上商城连锁店管理ERP管理商品管理供应商管理会员营销等功能为一体&#xff0c;线上线下数据全部打通。 适用于商超、便利店、水果、生鲜、母婴、服装、零食、百货、宠物等连锁店使用。 详细介绍请…

搭建本地私有知识问答系统:MaxKB + Ollama + Llama3 (wsl网络代理配置、MaxKB-API访问配置)

目录 搭建本地私有知识问答系统:MaxKB、Ollama 和 Llama3 实现指南引言MaxKB+Ollama+Llama 3 Start buildingMaxKB 简介:1.1、docker部署 MaxKB(方法一)1.1.1、启用wls或是开启Hyper使用 WSL 2 的优势1.1.2、安装docker1.1.3、docker部署 MaxKB (Max Knowledge Base)MaxKB …

聚观早报 | 微软邀测AI摘要功能;百川智能完成A轮融资

聚观早报每日整理最值得关注的行业重点事件&#xff0c;帮助大家及时了解最新行业动态&#xff0c;每日读报&#xff0c;就读聚观365资讯简报。 整理丨Cutie 7月26日消息 微软邀测AI摘要功能 百川智能完成A轮融资 苹果地图网页版上线公测 郭明錤剧透iPhone 17 Slim 马斯…

DeviceNet转Profinet协议网关

怎么样才能把DeviceNet和Profinet网络连接起来呢?这几天有几个朋友问到了这个问题&#xff0c;作者在这里统一为大家详细说明一下。其实有一个设备可以很轻松地解决这个问题&#xff0c;名为JM-PN-DNTM&#xff0c;下面是详细介绍。 一&#xff0c;产品主要功能‌ 1、捷米特…

【BUG】已解决:The above exception was the direct cause of the following exception:

The above exception was the direct cause of the following exception: 目录 The above exception was the direct cause of the following exception: 【常见模块错误】 【解决方案】 欢迎来到英杰社区https://bbs.csdn.net/topics/617804998 欢迎来到我的主页&#xff0c…