新闻动态

行业新闻企业新闻安博电竞

学会 制作极简搜索浏览器 —— 并将 ChatGPT 接入浏览器

安博电竞

9a69fede8b2044a79dd834e3e48f20b4.png前期回顾f8e3cc1a0f694ac2b665ca2ad14c49d7.png 

Vue3 + Ts + Vite + pnpm 项目中集成 —— eslint  、制作prettier、极简将C接入stylelint、搜索husky  、浏览浏览commitizen_0.活在风浪里的器并器博客-CSDN博客搭建VIte + Ts + Vue3项目并集成eslint  、prettier、制作stylelint、极简将C接入huskyhttps://blog.csdn.net/m0_57904695/article/details/129950163?搜索spm=1001.2014.3001.5502

本次目标:✌

1:🚚 制作一个自己的极简浏览器,并尝试运行!

2:💎在浏览器合并几个或多个ChartGPT,加快搜索,直达答案!

3:💎🚧 做一个墓室跑酷游戏,并尝试玩一把!


🚕 佛伯乐:详细吗?能看懂吗?

🙉 小帅:必然详细,一遍过,一遍懂,极简!我说的是真的!🚀

👙👄 小美:那我想要参考下源码可以吗?你能把游戏源码放上面吗?我能不能线上预览一下?

🙉 小帅:Of course, my little baa north nose,源码在下面 ,可以线上运行,不过进入页面我设置了密码,你可以找我要,免费分享!!!

👄 小美:哦买噶!那太方便了,我现在能看吗?只是在PC可以运行吗?

🙉 小帅:有手机版!游戏兼容移动、PC!网络环境不受限 、浏览浏览 目前不支持水果机子😹

念及此!直接开始~

线上预览:主页

仓库地址源码在主页资源! 

手机安装包在主页资源,目前不支持水果机子,哎,难办,难办我看就别办了!🔌哈哈

https://download.csdn.net/download/m0_57904695/87697108


目录

index

图例: 

 index.css


index

主页

目前调用的是必应:

图例: 

 index.css

* {padding: 0;margin: 0;box-sizing: border-box;}html {height: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);-webkit-focus-ring-color: rgba(0, 0, 0, 0);}body {min-height: 100%;max-width: 100%;width: 600px;background: translate;margin: auto;text-align: center;}#gesture-indicator {height: 100%;width: 100%;position: absolute;top: 0;bottom: 0;z-index: 0;overflow: hidden;word-break: break-all;}#content {position: absolute;max-width: 600px;width: 100%;}#content {top: 25%;transition: 0.14s;}@media only screen and (min-height: 250px) {#content {top: 62px;}}@media only screen and (min-height: 350px) {#content {top: 87px;}}@media only screen and (min-height: 450px) {#content {top: 135px;}}@media only screen and (min-height: 650px) {#content {top: 195px;}}@media only screen and (min-height: 850px) {#content {top: 255px;}}.logo {font-size: 28px;font-weight: bold;white-space: normal;word-wrap: break-word;overflow: auto;text-decoration: none;color: #1b1b1b;}img.smaller {height: 72px;border-radius: 18px;object-fit: cover;}span {display: block;overflow: hidden;padding-left: 5px;vertical-align: middle;}.search_part {margin-bottom: 20px;}.search.icon {color: #1b1b1b;width: 12px;height: 12px;border: solid 2px currentColor;border-radius: 100%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);text-align: center;margin: auto;}.search.icon:before {content: "";position: absolute;top: 10px;left: 3px;height: 5px;width: 2px;background-color: currentColor;}.search_bar {display: table;vertical-align: middle;width: 90%;max-width: 600px;margin: 15px auto 0;}#search_input {height: 46px;padding: 0 12px;width: 100%;outline: none;border: none;font-size: 15px;background-color: transparent;}#search_submit {display: none;outline: none;height: 46px;width: 56px;float: right;font-size: 15px;font-weight: bold;border: none;background-color: transparent;padding: 0 10px;}.search_bar {border: 1px solid rgba(0, 0, 0, 0.24);border-radius: 24px;background: rgba(255, 255, 255, 0);}#search_input,#search_submit {color: #1b1b1b;}.bdSug_wpr {overflow-y: scroll !important;max-height: 30% !important;background: rgba(255, 255, 255, 1) !important;border: 1px solid !important;border-color: rgba(0, 0, 0, 0.15) !important;border-radius: 0 0 24px 24px;}.bdSug_wpr table {background: none !important;}.bdSug_wpr td {margin: 4px !important;padding: 10px !important;color: #1b1b1b;background: none;}.bdSug_sd {height: 0px !important;}.bdSug_app {display: none !important;}#bookmark_part {text-align: center;max-width: 600px;background-color: transparent;margin: 0 auto;padding: 0;border-radius: 0px;}#box_container {text-align: left;margin: 0 auto;font-size: 0;}.box {margin: 4px 9px 4px;width: 46px;border: 0;position: relative;display: inline-block;text-align: center;}.box a {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}.overlay {position: absolute;left: 0;top: 0;border-radius: 23px;width: 46px;height: 46px;}.title {border-radius: 23px;color: #ffffff;width: 46px;line-height: 46px;height: 46px;font-size: 15px;}.url {margin: 2px 0 0;width: 46px;height: 20px;line-height: 20px;white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: clip;-o-text-overflow: clip;ms-text-overflow: clip;color: #1b1b1b;font-size: 10px;}@media only screen and (min-width: 128px) {#box_container {width: 64px;}}@media only screen and (min-width: 192px) {#box_container {width: 128px;}}@media only screen and (min-width: 256px) {#box_container {width: 192px;}}@media only screen and (min-width: 320px) {#box_container {width: 256px;}}@media only screen and (min-width: 384px) {#box_container {width: 320px;}}@media only screen and (min-width: 448px) {#box_container {width: 384px;}}@media only screen and (min-width: 512px) {#box_container {width: 448px;}}@media only screen and (min-width: 576px) {#box_container {width: 512px;}}.sort-ghost {opacity: 0.3;}

更新中...