当前位置:首页 > 生活 > 正文内容

浏览器操作COM(串口)库

watrt4周前 (12-23)生活490
<!DOCTYPE html>    
<html>    
<head>    
<head>    
<style>    
body {    
color: rgb(248, 248, 242);    
background-color: rgb(39, 40, 34);    
}    
.row {    
display: flex;    
}    
.column {    
flex: 50%;    
}    
.head {    
height: 50px;    
}    
.toolbar {    
height: 20px;    
}    
.content {    
height: calc(100vh - 20px - 50px - 40px - 20px);    
overflow-y: scroll;    
border: 1px solid grey;    
}    
.tail {    
height: 20px;    
}    
</style>    
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>    
</head>    
</head>    
<body>    
<div class="head">    
<h1>CircuitPython 在线编辑器    
<button id="connect" onClick='clickConnect()'> 连接 </button>    
<button    
onclick="window.open('https://docs.google.com/forms/d/e/1FAIpQLSdupiJIRViFwPpuQC1hMp8gRvhxACLoAjgepm_-IRZumwK7Cg/viewform?usp=sf_link')"    
style="float: right;">    
反馈    
</button>    
</h1>    
</div>    
<div class="row">    
<div class="column toolbar">    
编辑器    
<button id="inputfile"> 打开 </button>    
<button id="save" onClick='save_and_run(editor)'> 保存并运行 </button>    
<button onclick="save_code()">另存为</button>    
<button onclick="new_tab()">新标签页</button>    
<text id="filename"></text>    
</div>    
<div class="column toolbar">    
串口    
<button onClick="serial.setValue('')"> 清除 </button>    
<button onclick="savelog()">保存 log</button>    
<button onclick="sendCTRLC()">CTRL-C</button>    
<button onclick="sendCTRLD()">CTRL-D</button>    
<button onclick="window.open('https://github.com/urfdvw/CircuitPython-online-IDE#workflow-aka-how-to-use')"    
style="float: right;">    
IDE 帮助    
</button>    
</div>    
</div>    
<div class="row">    
<div class="column content">    
<div id="my-div">    
</div>    
</div>    
<div class="column content">    
<div id='out_frame'>    
<div id="serial_R">    
</div>    
<div id="serial_T">    
</div>    
</div>    
</div>    
</div>    
<div class="tail">    
参考:    
<button onclick="window.open('https://circuitpython.readthedocs.io/en/latest/docs/index.html')">    
CircuitPython API    
</button>    
<button onclick="window.open('https://circuitpython.readthedocs.io/projects/bundle/en/latest/')">    
库和驱动    
</button>    
<button onclick="window.open('https://circuitpython.readthedocs.io/en/latest/docs/library/index.html')">    
MicroPython 库    
</button>    
<button onclick="window.open('https://circuitpython.org/')">    
CircuitPython 网站    
</button>    
<button id="send_setting" onclick="change_send_key();" style="float: right;">    
[Enter] 发送    
</button>    
</div>    
<script type="text/javascript" src="code.js">    
</script>    
</body>    
</html>

code.zip


分享给朋友:

相关文章

剑阁县金仙镇西河

剑阁县金仙镇西河

    资料收集中。。欢迎提供资料西河 在治西南百馀里。发源五子山,甚微;南流至会口,始渐大;经冰溪金仙流入南部县境,以达嘉陵江。 (县志)...

复制文件robocopy

复制文件robocopy

复制文件。同时把文件的权限复制上。robocopy D:\MYSQL56 E:\MYSQL56 /E /ZB /COPYALL /MT:96 /R:3 /W:3  /LOG:1.txt...

长大后再看小时候的课文,发现里面全是人生!

长大后再看小时候的课文,发现里面全是人生!

有人说 小时候对于很多课文难以理解 但是在长大后的某一刻 忽然想起来当年的那些话 就会体会到其中的感情 语文从来不是一门课程 是生活中的体会 是啊 那些经典的课文都已成为 一段我们不可磨灭的记忆 当年那个在语文课上懵懂的少年 也终于在长大成人之后 读懂了文中的人生...

将一个数从一个范围映射到另外一个范围

将一个数从一个范围映射到另外一个范围

float map(float val, float I_Min, float I_Max, float O_Min, float O_Max){ return(val/(I_Max-I_Min)*(O_Max-O_Min) + O_Min); }将一个数从一个范围映射到另外一个范围。也就是说,会将 fromLow 到 fromHigh 之间的值映射到 toLow 在 to...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。