[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"info-list-15099":3,"hot-list-29":25},{"info":4,"next":19,"pre":22},{"article_title":5,"type_id":6,"article_image":7,"article_content":8,"read_num":9,"create_time":10,"update_time":10,"article_author":11,"tags":12,"seo_title":5,"keyword":5,"desc":13,"style_type":14,"article_type":15,"is_video":16,"video_url":17,"video_img":17,"update_time_str":18},"生成二维码在线生成器",29,"https:\u002F\u002Fbc1.afbcs.cn\u002Farticle\u002Fimg\u002Farticle_top_img_4.jpg","\u003Cp style=\"text-indent:2em;\">\r\n\t要创建一个简单的二维码在线生成器，你可以使用HTML、CSS和JavaScript来实现。下面是一个基本的示例，展示了如何创建一个简单的网页，用户可以在其中输入文本，然后生成对应的二维码。\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t首先，确保你有一个可以托管静态网页的地方，比如GitHub Pages、Vercel或其他免费的托管服务。\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t1. HTML部分\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t创建一个名为index.html的文件，并添加以下代码：\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\thtml复制代码\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t\u003Ctable>\r\n\t\t\u003Ctbody>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;!DOCTYPE html&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;html lang=\"en\"&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;head&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;meta charset=\"UTF-8\"&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;title&gt;二维码在线生成器&lt;\u002Ftitle&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;link rel=\"stylesheet\" href=\"styles.css\"&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;\u002Fhead&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;body&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;div class=\"container\"&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;h1&gt;二维码在线生成器&lt;\u002Fh1&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;input type=\"text\" id=\"textInput\" placeholder=\"输入文本或URL\"&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;button onclick=\"generateQRCode()\"&gt;生成二维码&lt;\u002Fbutton&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;div id=\"qrcode\"&gt;&lt;\u002Fdiv&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;\u002Fdiv&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;script src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fqrcode@1.4.4\u002Fbuild\u002Fqrcode.min.js\"&gt;&lt;\u002Fscript&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;script src=\"script.js\"&gt;&lt;\u002Fscript&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;\u002Fbody&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&lt;\u002Fhtml&gt;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\u003C\u002Ftbody>\r\n\t\u003C\u002Ftable>\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t2. CSS部分\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t创建一个名为styles.css的文件，并添加以下代码：\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\tcss复制代码\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t\u003Ctable>\r\n\t\t\u003Ctbody>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tbody {\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tfont-family: Arial, sans-serif;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\theight: 100vh;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tbackground-color: #f0f0f0;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t}\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t.container {\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tbackground: #fff;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tpadding: 20px;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tborder-radius: 10px;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t}\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tinput {\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tpadding: 10px;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\twidth: 300px;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tmargin-bottom: 10px;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tborder: 1px solid #ccc;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t}\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tbutton {\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tpadding: 10px 20px;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tbackground-color: #007BFF;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t}\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tbutton:hover {\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tbackground-color: #0056b3;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t}\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t#qrcode {\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tmargin-top: 20px;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t}\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\u003C\u002Ftbody>\r\n\t\u003C\u002Ftable>\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t3. JavaScript部分\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t创建一个名为script.js的文件，并添加以下代码：\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\tjavascript复制代码\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t\u003Ctable>\r\n\t\t\u003Ctbody>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tfunction generateQRCode() {\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tvar text = document.getElementById(\"textInput\").value;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tvar qrcodeElement = document.getElementById(\"qrcode\");\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tqrcodeElement.innerHTML = \"\"; \u002F\u002F 清空之前的二维码\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\tnew QRCode(qrcodeElement, {\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\ttext: text,\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\twidth: 200,\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\theight: 200\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t});\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\t\u003Ctr>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\t\u003Ctd>\r\n\t\t\t\t\t}\r\n\t\t\t\t\u003C\u002Ftd>\r\n\t\t\t\u003C\u002Ftr>\r\n\t\t\u003C\u002Ftbody>\r\n\t\u003C\u002Ftable>\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t4. 托管和访问\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t\u003Col>\r\n\t\t\u003Cli>\r\n\t\t\t将上述三个文件上传到你的网页托管服务。\r\n\t\t\u003C\u002Fli>\r\n\t\t\u003Cli>\r\n\t\t\t通过提供的URL访问你的网页。\r\n\t\t\u003C\u002Fli>\r\n\t\u003C\u002Fol>\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t使用说明\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t\u003Col>\r\n\t\t\u003Cli>\r\n\t\t\t在输入框中输入你想要转换为二维码的文本或URL。\r\n\t\t\u003C\u002Fli>\r\n\t\t\u003Cli>\r\n\t\t\t点击“生成二维码”按钮。\r\n\t\t\u003C\u002Fli>\r\n\t\t\u003Cli>\r\n\t\t\t页面将显示生成的二维码。\r\n\t\t\u003C\u002Fli>\r\n\t\u003C\u002Fol>\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t这个示例使用了qrcode.js库来生成二维码。qrcode.js库通过CDN加载，因此你不需要手动下载和托管它。\r\n\u003C\u002Fp>\r\n\u003Cp style=\"text-indent:2em;\">\r\n\t这是一个非常基础的实现，你可以根据需要进一步扩展功能，比如添加错误处理、支持更多选项（如二维码颜色、大小等）、或者添加用户身份验证等。\r\n\u003C\u002Fp>",508,1736392233,"八木屋","2","要创建一个简单的二维码在线生成器，你可以使用HTML、CSS和JavaScript来实现。下面是一个基本的示例，展示了如何创建一个简单的网页，用户可以在其中输入文本，然后生成对应的二维码。",2,"video",0,"","2026-05-25 01:25:20",{"article_title":20,"id":21,"type_id":6,"is_video":16},"二维码活码生成器",18736,{"article_title":23,"id":24,"type_id":6,"is_video":16},"免费生成二维码的生成器",15093,[26,31,36,41,46,51,56,61],{"article_title":27,"article_image":28,"id":29,"seo_title":27,"brief":30,"duration":17,"video_img":17,"type_id":6},"药品二维码扫出来是空白？原来这个信息才是关键","https:\u002F\u002Fhs1.bmwas.cn\u002Farticle\u002F07d74fa6741888886d2cef70ae790a49.jpg",19162,"　　拿到新买的药，习惯性掏出手机扫一扫包装上的二维码，结果屏幕一片空白——这种情况你遇到过吗？先别急着怀疑买到假药，很可能是扫错了位置。药品包装上往往印着好几个二维码，有的跳转购物链接，有的关注公众号，真正能查验真伪的那个，藏在不起眼的角落里。　　买药后扫二维码却显示空白，不一定是假药。药盒上通常有多个二维码，只有标注「电子监管码」的才能查验真伪。打开一盒常见的感冒药，仔细看包装侧面和底部，你会发",{"article_title":32,"article_image":33,"id":34,"seo_title":32,"brief":35,"duration":17,"video_img":17,"type_id":6},"小程序链接怎么转换成二维码？原来微信自带这个功能","https:\u002F\u002Fhs1.bmwas.cn\u002Farticle\u002F63c1498d4588566b6c666d0aad60712e.jpg",19161,"　　做小程序运营的朋友，经常会遇到这样的需求：把某个活动页面或商品详情做成二维码，印在海报上或发到社群里。很多人不知道微信公众平台就能直接生成小程序码，本文详细讲解官方生成方法、参数配置技巧，以及什么情况下需要用活码工具。　　不过官方功能也有局限性。二维码生成后无法修改跳转地址，如果活动链接临时调整，就得重新生成、重新印刷。掌握这些方法后，线下推广和数据追踪都能更高效，选对工具才能少走弯路。1.1",{"article_title":37,"article_image":38,"id":39,"seo_title":37,"brief":40,"duration":17,"video_img":17,"type_id":6},"怎么把内容生成二维码？原来手机自带这个功能","https:\u002F\u002Fhs1.bmwas.cn\u002Farticle\u002F7e314439d73179d9e38011e3f24cc291.jpg",19160,"　　需要临时分享文字或链接时，很多人会专门下载二维码生成APP。实际上iPhone和安卓手机都内置了这个功能，只是入口藏得比较深。手机里其实藏着一个免费的二维码生成器，只是大部分人从来没用过。当你需要把WiFi密码、收款信息或一段文字快速分享给别人时，不用专门下载APP，直接用系统自带功能就能完成。不占内存、没有广告、操作快，特别适合临时使用的场景。1.1、不同系统的操作入口在哪iPhone用户可",{"article_title":42,"article_image":43,"id":44,"seo_title":42,"brief":45,"duration":17,"video_img":17,"type_id":6},"小程序码转换二维码，原来微信自带这个隐藏功能","https:\u002F\u002Fhs1.bmwas.cn\u002Farticle\u002F602508d4ad2e7df05aa0e137c093bbad.jpg",19159,"　　运营活动要在多个渠道投放，设计给的小程序码在有些平台识别不了。客户要把小程序分享给用微信老版本的用户，对方扫码后直接卡住。这些场景都指向同一个需求：把小程序码转成兼容性更好的普通二维码。很多人第一反应是找第三方工具，但微信内置了转换功能，这个功能藏得比较深，掌握后能快速解决临时转换需求。1. 微信自带的转换入口　　微信其实自带转换功能，藏在扫一扫的识别结果页。打开微信扫一扫，对准小程序码扫描，",{"article_title":47,"article_image":48,"id":49,"seo_title":47,"brief":50,"duration":17,"video_img":17,"type_id":6},"网址怎么生成二维码？原来浏览器自带这个功能","https:\u002F\u002Fhs1.bmwas.cn\u002Farticle\u002F62d2f7a0552101de8c8d5fc00af09c24.jpg",19158,"　　打开电脑上的网页，想快速传到手机上继续看，你会怎么做？复制网址发微信？还是用数据线传文件？有个更直接的办法——把网址生成二维码，手机扫一下就能打开。关键是，你现在用的浏览器可能就自带这个功能，根本不用额外下载工具或跳到其他网站。　　这个方法特别适合临时分享网页、做演示文稿时加个扫码链接，或者给客户发产品页面。操作简单，而且你的网址不会经过第三方服务器，隐私更有保障。1.1. 主流浏览器怎么操作",{"article_title":52,"article_image":53,"id":54,"seo_title":52,"brief":55,"duration":17,"video_img":17,"type_id":6},"微信扫码页面跳转不出来？这个隐藏开关90%的人没打开","https:\u002F\u002Fhs1.bmwas.cn\u002Farticle\u002F4a6f99e170e08d4471a2c54a14f4ec17.jpg",19157,"　　扫完二维码，页面卡在白屏界面，或者直接弹出\"已停止访问该网页\"——这种情况在日常工作中特别常见。反复重启微信也没用？别急着怀疑手机出问题。大部分跳转失败都跟微信的安全保护机制有关。为了防止恶意链接，微信会自动拦截部分外部跳转，而这个保护功能的开关藏得比较深，导致不少用户在不知情的情况下被限制了正常访问。本文从设置调整、缓存清理到链接检测，帮你系统排查跳转失败的真实原因，并提供可落地的解决方案。",{"article_title":57,"article_image":58,"id":59,"seo_title":57,"brief":60,"duration":17,"video_img":17,"type_id":6},"图片如何生成二维码？原来手机相册就能直接转换","https:\u002F\u002Fhs1.bmwas.cn\u002Farticle\u002F32de6bec0c6d40956ca96ed21973a608.jpg",19156,"　　需要把照片快速分享给客户，但微信传图会被压缩？把图片转成二维码，对方扫一下就能看原图。产品细节图发给客户，微信直接传会模糊；活动海报想让参会者扫码保存，群发文件又太麻烦。把图片转成二维码，就能解决传输慢、画质损失、不方便打印这些问题。　　现在的二维码生成工具，已经不需要专门下载软件。手机自带功能就能完成基础转换，专业工具则能处理批量图片、设置永久有效期、甚至让一个码关联多张图。本文从实际操作出",{"article_title":62,"article_image":63,"id":64,"seo_title":62,"brief":65,"duration":17,"video_img":17,"type_id":6},"微信扫码下载的文件存在手机什么位置？原来藏在这个文件夹","https:\u002F\u002Fhs1.bmwas.cn\u002Farticle\u002F25a804dcc367c0bab995383eaa89d29f.jpg",19155,"　　扫码下载完文件，想再打开看看，却怎么也找不到存在哪儿了。工作文档、合同或产品资料，找不到真让人着急。问题不在于文件丢了，而是不知道微信把它们藏在了手机的哪个角落。文件一直都在，只是存储位置比较隐蔽。微信扫码下载的内容默认保存在特定文件夹中，掌握查找方法后几秒钟就能定位。更重要的是，了解存储逻辑能帮你更好地管理手机空间，避免重要文件被误删。1.1、文件默认存储位置与查找方法　　微信把扫码下载的文"]