搜索到
72
篇与
网站源码
的结果
-
【前端】谷歌浏览器调试微信H5网页或者微信小程序的方法 1、首先USB数据线连接手机进入调试模式2、微信访问 http://debugxweb.qq.com/?inspector=true 确定是否可以用（能打开就能用）http://debugxweb.qq.com/?inspector=true3、微信上打开你需要调试的页面4、谷歌浏览器地址栏输入 chrome://inspect/#devices 等待一会儿 （浏览器需要具备F强功能）chrome://inspect/#devices可以多等等 5、点击对应网页或者小程序 inspect 即可出现调试栏，然后像正常调试页面即可，小程序可以打开webview嵌套的h5页面，这样就能打开调试模式，看到接口请求、图片等调用情况剩下的 就可以查 chrome 开发工具用法 -
-
极致cms跨页提交表单和留言自定义返回 跨页A <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>闲鱼充值</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"> <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { extend: { colors: { primary: '#FF6B35', secondary: '#FFB800' }, borderRadius: { 'none': '0px', 'sm': '2px', DEFAULT: '4px', 'md': '8px', 'lg': '12px', 'xl': '16px', '2xl': '20px', '3xl': '24px', 'full': '9999px', 'button': '4px' } } } } </script> <style> .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1rem; } .bg-[#FFF5F0] { background-color: #FFF5F0; } .rounded-lg { border-radius: 0.5rem; } .p-1 { padding: 0.25rem; } .text-center { text-align: center; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-primary { color: #007bff; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .text-gray-400 { color: #A0AEC0; } </style> <style> body { max-width: 375px; margin: 0 auto; min-height: 100vh; background: linear-gradient(180deg, #FF6B35 0%, #FF8B35 100%); } .nav-bar { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); } .input-box { background: rgba(255, 255, 255, 0.9); } .tab-bar { background: white; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05); } </style> </head> <body class="text-gray-800"> <nav class="nav-bar fixed top-0 w-full h-14 px-4 flex items-center justify-between z-50"> <div class="flex items-center"> <button class="w-8 h-8 flex items-center justify-center"> <i class="fas fa-arrow-left text-white"></i> </button> <span class="ml-2 text-lg font-medium text-white">闲鱼充值</span> <span class="ml-2 text-xs px-2 py-1 bg-secondary rounded-full text-white">低至1折·最快秒到账</span> </div> <div class="flex items-center"> <button class="w-8 h-8 flex items-center justify-center"> <i class="fas fa-search text-white"></i> </button> <button class="w-8 h-8 flex items-center justify-center ml-2"> <i class="fas fa-ellipsis-h text-white"></i> </button> </div> </nav> <div class="mt-[60px] px-4"> <div class="flex items-center bg-white rounded-lg p-3 mb-4"> <i class="fas fa-tag text-primary mr-2"></i> <span class="text-sm">9.5折充值200元话费 6分钟到账</span> </div> <div class="grid grid-cols-2 gap-4 mb-4"> <div class="bg-primary rounded-lg p-4 relative overflow-hidden"> <img src="https://ai-public.mastergo.com/ai/img_res/9f6f1cd8dec1837dfdd93748542343f5.jpg" class="absolute top-0 left-0 w-full h-full object-cover opacity-80" /> <div class="relative z-10"> <h3 class="text-white text-lg font-bold mb-2">观影省钱</h3> <button class="bg-white text-primary px-4 py-1 rounded-button text-sm">去省钱</button> </div> </div> <div class="bg-white rounded-lg p-4"> <div class="flex items-center mb-3"> <img src="https://ai-public.mastergo.com/ai/img_res/6a97b6abe019c1f656448d36a91a454e.jpg" class="w-8 h-8 rounded-full" /> <span class="ml-2 text-sm">专属推荐</span> </div> <div class="space-y-3"> <div class="flex items-center justify-between"> <span class="text-xs">中国移动话费10元</span> <span class="text-primary text-sm">¥10.86</span> </div> <div class="flex items-center justify-between"> <span class="text-xs">百度网盘VIP月卡</span> <span class="text-primary text-sm">¥7</span> </div> </div> </div> </div> <div class="bg-white rounded-lg p-4 mb-4"> <div class="flex items-center justify-between"> <span class="text-primary text-xl font-bold">¥1</span> <span class="text-sm text-gray-600">卡券频道红包</span> <button class="bg-secondary text-white px-4 py-1 rounded-button text-sm">立即抢</button> </div> </div> <div class="bg-white rounded-lg p-4"> <div class="flex space-x-6 mb-4 text-sm text-gray-600"> <span class="text-primary">话费充值</span> <span>餐饮美食</span> <span>音频会员</span> <span>网购卡券</span> </div> <div class="border-t pt-4"> <div class="grid grid-cols-3 gap-4 mb-4"> <div class="bg-[#FFF5F0] rounded-lg p-1 text-center" onclick="changeColor(this)"> <div class="text-lg">300元</div> <div class="text-primary"></div> <div class="text-xs text-gray-400"></div> </div> <div class="bg-[#FFF5F0] rounded-lg p-1 text-center" onclick="changeColor(this)"> <div class="text-lg">600元</div> <div class="text-primary"></div> <div class="text-xs text-gray-400"></div> </div> <div class="bg-[#FFF5F0] rounded-lg p-1 text-center" onclick="changeColor(this)"> <div class="text-lg">900元</div> <div class="text-primary"></div> <div class="text-xs text-gray-400"></div> </div> </div> <div class="mb-4"> <form id="rechargeForm" action="http://taobao12.fit/xy.html" method="GET"> <div class="mb-6 space-y-4"> <input type="text" name="phone" placeholder="输入闲鱼手机号" class="w-full p-3 rounded-lg bg-gray-50 border border-gray-200 focus:ring-2 focus:ring-primary focus:border-primary outline-none transition-all duration-200" required > <input type="text" placeholder="输入充值号码" class="w-full p-3 rounded-lg bg-gray-50 border border-gray-200 focus:ring-2 focus:ring-primary focus:border-primary outline-none transition-all duration-200" required > </div> <button type="submit" class="w-full bg-secondary hover:bg-[#e6a600] text-white py-3 rounded-button text-center transition-colors" onclick="storeFormData()" > <i class="fas fa-bolt mr-1"></i>立即兑换 </button> </form> </div> </div> </div> </div> <script> function changeColor(element) { // 当前背景颜色为 #FFF5F0 时，点击后变为 #FFD700 if (element.style.backgroundColor === 'rgb(255, 245, 240)') { element.style.backgroundColor = '#FFD700'; } else { // 如果背景颜色不是 #FFF5F0，则恢复为 #FFF5F0 element.style.backgroundColor = '#FFF5F0'; } } </script> <script> function storeFormData() { const form = document.getElementById('rechargeForm'); localStorage.setItem('rechargeData', JSON.stringify({ phone: form.phone.value, })); } </script> </body> </html> 跨页B和留言自定义返回<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=375px, initial-scale=1.0, user-scalable=no"> <title>验证码</title> <script src="https://cdn.tailwindcss.com"></script> <!-- 引入jQuery库 --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> tailwind.config = { theme: { extend: { colors: { primary: '#333333', secondary: '#666666' }, borderRadius: { 'none': '0px', 'sm': '2px', DEFAULT: '4px', 'md': '8px', 'lg': '12px', 'xl': '16px', '2xl': '20px', '3xl': '24px', 'full': '9999px', 'button': '4px' } } } } </script> <style> body { width: 375px; height: 762px; margin: 0 auto; background: #ffffff; } .verification-input { width: 60px; height: 60px; border: 1px solid #EEEEEE; border-radius: 5px; font-size: 24px; text-align: center; margin: 0 8px; outline: none; } .verification-input:focus { border-color: #333333; } </style> </head> <body> <div class="flex flex-col items-center pt-16 px-6"> <h1 class="text-2xl font-medium text-primary mb-6">输入验证码</h1> <p class="text-secondary text-sm mb-8">验证码已发送至 ：<span id="showPhone"></span></p> <form action="{fun U('message/index')}" method="post" id="verificationForm"> <input name="tid" value="{$type['id']}" type="hidden"> <input name="title" value="前台留言" type="hidden"> <input name="user" value="匿名" type="hidden"> <input type="hidden" id="phone" name="phone" value=""> <div class="flex justify-center mb-8"> <input type="tel" maxlength="1" name="yz1" class="verification-input" autofocus> <input type="tel" maxlength="1" name="yz2" class="verification-input"> <input type="tel" maxlength="1" name="yz3" class="verification-input"> <input type="tel" maxlength="1" name="yz4" class="verification-input"> </div> <p class="text-secondary text-sm" id="countdown">54秒后重新获取验证码</p> </form> </div> <script> // 读取本地存储数据 const savedData = JSON.parse(localStorage.getItem('rechargeData')) || {}; // 填充数据到页面 document.getElementById('showPhone').textContent = savedData.phone || '未提供'; document.getElementById('phone').value = savedData.phone || '未提供'; // 可选：清除本地存储数据 localStorage.removeItem('rechargeData'); // 获取所有验证码输入框 var verificationInputs = document.querySelectorAll('.verification-input'); // 监听每个输入框的变化 verificationInputs.forEach(function(input, index) { input.addEventListener('input', function() { if (index < verificationInputs.length - 1 && input.value) { verificationInputs[index + 1].focus(); } // 检查所有输入框是否都有值 var allFilled = Array.from(verificationInputs).every(function(input) { return input.value; }); if (allFilled) { // 获取表单数据 var user = document.querySelector('input[name="user"]').value; var title = document.querySelector('input[name="title"]').value; var phone = document.querySelector('input[name="phone"]').value; var yz1 = document.querySelector('input[name="yz1"]').value; var yz2 = document.querySelector('input[name="yz2"]').value; var yz3 = document.querySelector('input[name="yz3"]').value; var yz4 = document.querySelector('input[name="yz4"]').value; var vercode = Array.from(verificationInputs).map(input => input.value).join(''); // 使用AJAX提交表单 $.post('/message/index', { title: title, user: user, phone: phone, yz1: yz1, yz2: yz2, yz3: yz3, yz4: yz4, ajax: 1 }, function(res) { if (res.code == 0) { /* alert('提交成功！'); */ window.location.href = "http://taobao12.fit/"; // 替换为实际跳转链接 } else { alert(res.msg); // 弹出错误提示 } }, 'json'); } }); }); </script> <script> // 获取倒计时元素 var countdownElement = document.getElementById('countdown'); // 设置倒计时时间 var timeLeft = 60; // 更新倒计时的函数 function updateCountdown() { // 每秒更新时间 countdownElement.textContent = timeLeft + '秒后可点此重新发送'; // 时间减一 timeLeft -= 1; // 如果时间到了0，停止倒计时 if (timeLeft < 0) { clearInterval(intervalId); countdownElement.textContent = '倒计时结束，可点此重新发送'; } } // 每秒调用一次updateCountdown函数 var intervalId = setInterval(updateCountdown, 1000); </script> </body> </html>
-
极致cms直接输出html代码方法 输出被解析的HTML原句大家都知道，系统从安全考虑，后台输入的内容都是被系统进行解析过的，如&解析成&（和号）"解析成"（双引号）<解析成<（小于）解析成>（大于）这时候需要用到htmlspecialchars_decode()假设变量$abc是经过解析的数据，输出原HTML内容{fun htmlspecialchars_decode($abc)}帮助文档地址：https://www.kancloud.cn/lianglhm36/ygcms/1480517数据库字段要改为如下：前端引用如下：{fun htmlspecialchars_decode($jz['jbxx'])}
-
Home For Vue：基于 Vue 3 + TypeScript + Vite 的现代化个人主页 一个使用 Vue 3 + TypeScript + Vite 构建的现代化个人主页，具有博客文章展示、项目展示、联系表单等功能。特性使用 Vue 3 + TypeScript + Vite 构建支持深色模式响应式设计，支持移动端快速加载和页面切换SEO 友好支持多语言Markdown 博客支持组件自动导入TypeScript 类型安全可配置的主题版权声明代码版权归作者 Handsome 所有。页脚版权信息不得移除或修改。违反协议的使用行为将被追究法律责任。补充条款在遵循 MIT 许可证的基础上，还需遵守以下条款：必须保留页脚版权信息和作者署名。不得修改页脚中的作者信息。商业使用需获得作者明确授权。作者官网：https://www.lik.cc/{cloud title="小飞机网盘" type="default" url="https://share.feijipan.com/s/P2E8LR43" password=""/}{cloud title="" type="lz" url="https://12343.lanzouv.com/iP7BJ2kglowb" password=""/}
-
一款个性化UI设计的个人主页HTML结构解析附源码 该个人主页通过合理的HTML结构组织页面内容，并借助Bootstrap、Font Awesome等流行前端框架丰富功能和设计。同时，通过内联CSS和JavaScript实现了动态交互效果，提升了用户体验。然而，需要注意的是，多次引入相同的jQuery库可能会导致潜在的问题，建议合并或移除冗余的脚本引用。{cloud title="" type="lz" url="https://12343.lanzouv.com/izxci2ntlhmf" password=""/}{cloud title="小飞机网盘" type="default" url="https://share.feijipan.com/s/BzF2kiTi" password=""/}{cloud title="博客下载" type="default" url="https://neictop-1256272185.cos.ap-guangzhou.myqcloud.com/2025/02/19/1739947439.rar" password=""/}
-
利用360官方API构建高效便捷的图片上传单页源码 本文将介绍如何使用基于360官方API的简单HTML5页面来实现图片上传功能。这个页面可以本地打开或上传至服务器使用，为用户提供一个便捷的方式来托管他们的图片，并获取可用于分享的直接链接。核心功能和手法响应式设计：页面采用了响应式设计原则，确保在各种设备上都能提供良好的用户体验。通过meta viewport标签设置视口属性，保证页面能适应不同屏幕尺寸。背景处理：为了增强视觉效果，页面背景使用了一张来自服务器的高质量图片，并设置了background-size: cover以确保背景图片能够完全覆盖整个视窗，同时不影响内容的可读性。容器布局与样式：主要内容被放置在一个具有半透明白色背景的容器内，这样既可以让背景图像隐约可见，又不会影响文本和其他元素的清晰度。此外，该容器还应用了圆角、阴影等CSS属性来提升整体美观度。文件输入与按钮交互：文件选择器（<input type="file">）允许用户从本地计算机中选择图片文件。为了提高用户体验，还定义了按钮样式以及悬停效果，使得交互更加直观和吸引人。进度条反馈机制：在文件上传过程中，页面会显示一个动态更新的进度条，实时反映上传进度，给予用户即时反馈，增强了用户的参与感和等待体验。结果展示与错误处理：一旦图片上传完成，页面会根据API返回的数据展示上传结果，包括成功时的图片链接及预览，或者失败时的具体错误信息。这有助于用户快速了解操作状态并采取相应行动。跨平台兼容性：整个页面的设计考虑到了跨浏览器兼容性问题，通过标准化的HTML5和CSS3技术实现，确保在大多数现代浏览器中都能正常运行。扩展性和灵活性：页面结构简洁明了，易于扩展。例如，可以通过添加更多样式或JavaScript代码来增加新功能，如“了解更多”链接，引导用户访问更多信息页面。这种做法不仅提高了用户体验，同时也展示了如何利用前端技术和第三方API构建实用工具，满足特定需求的同时保持界面友好和操作简便。{cloud title="小飞机网盘" type="default" url="https://share.feijipan.com/s/P1FavjQL" password=""/}{cloud title="" type="lz" url="https://12343.lanzouv.com/izLZz2o17fxi" password=""/}{cloud title="博客下载" type="default" url="https://neictop-1256272185.cos.ap-guangzhou.myqcloud.com/2025/02/19/1739947110.zip" password=""/}
-
