邵阳营销型网站建设网站备案需要提供网站建设方案书

邵阳营销型网站建设,网站备案需要提供网站建设方案书,做企业网站公司报价,网上做网站的公司都是怎么做的【问题1】怎么在uniapp H5中嵌入uni sdk#xff1f; 根据官方提供的#xff0c;h5配置中有个index.html模板路径#xff0c;默认为空#xff0c;可定制生成的html代码#xff0c;自定义meta、引入外部js等#xff0c;参考 在项目根目录建立一个template.h5.html#xff…【问题1】怎么在uniapp H5中嵌入uni sdk根据官方提供的h5配置中有个index.html模板路径默认为空可定制生成的html代码自定义meta、引入外部js等参考在项目根目录建立一个template.h5.html仿照hello-uni-app项目然后在h5配置中填入template.h5.htmltemplate.h5.html中的代码可以直接先复制官方提供的h5-template自定义模板的代码或者下面的代码然后将uni-sdk等第三方引入到html中注意这里就有个小坑 uni sdk放到body下面下面下面 这里不注意的话可能会根据我们的习惯放到body里面。template.h5.html:!DOCTYPE htmlhtml langzh-CNheadmeta charsetutf-8meta http-equivX-UA-Compatible contentIEedgetitle % htmlWebpackPlugin.options.title % /title!-- Open Graph data --!-- meta propertyog:title contentTitle Here / --!-- meta propertyog:url contenthttp://www.example.com/ / --!-- meta propertyog:image contenthttp://example.com/image.jpg / --!-- meta propertyog:description contentDescription Here / --scriptvar coverSupport CSS in window typeof CSS.supports function (CSS.supports(top: env(a)) || CSS.supports(top: constant(a)))document.write(meta nameviewport contentwidthdevice-width, user-scalableno, initial-scale1.0, maximum-scale1.0, minimum-scale1.0 (coverSupport ? , viewport-fitcover : ) /)/scriptlink relstylesheet href% BASE_URL %static/index.% VUE_APP_INDEX_CSS_HASH %.css //headbodynoscriptstrongPlease enable JavaScript to continue./strong/noscriptdiv idapp/div!-- built files will be auto injected --/bodyscript typetext/javascriptvar userAgent navigator.userAgent;if (userAgent.indexOf(AlipayClient) -1) {// 支付宝小程序的 JS-SDK 防止 404 需要动态加载如果不需要兼容支付宝小程序则无需引用此 JS 文件。document.writeln(script srchttps://appx/web-view.min.js / script);} else if (/QQ/i.test(userAgent) /miniProgram/i.test(userAgent)) {// QQ 小程序document.write(script typetext/javascript srchttps://qqq.gtimg.cn/miniprogram/webview_jssdk/qqjssdk-1.0.0.js\/script);} else if (/miniProgram/i.test(userAgent) /micromessenger/i.test(userAgent)) {// 微信小程序 JS-SDK 如果不需要兼容微信小程序则无需引用此 JS 文件。document.write(script typetext/javascript srchttps://res.wx.qq.com/open/js/jweixin-1.4.0.js\/script);} else if (/toutiaomicroapp/i.test(userAgent)) {// 头条小程序 JS-SDK 如果不需要兼容头条小程序则无需引用此 JS 文件。document.write(script typetext/javascript srchttps://s3.pstatp.com/toutiao/tmajssdk/jssdk-1.0.1.js\/script);} else if (/swan/i.test(userAgent)) {// 百度小程序 JS-SDK 如果不需要兼容百度小程序则无需引用此 JS 文件。document.write(script typetext/javascript srchttps://b.bdstatic.com/searchbox/icms/searchbox/js/swan-2.0.18.js\/script);} else if (/quickapp/i.test(userAgent)) {// quickappdocument.write(script typetext/javascript srchttps://quickapp/jssdk.webview.min.js\/script);}if (!/toutiaomicroapp/i.test(userAgent) document.querySelector(.post-message-section)) {document.querySelector(.post-message-section).style.visibility visible;}/script!-- uni 的 SDK --script typetext/javascript srchttps://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js/scriptscriptdocument.addEventListener(UniAppJSBridgeReady, function() {console.log(uni, uni.webView)uni.webView.getEnv(function(res) {console.log(当前环境 JSON.stringify(res));});!--经过测试验证这里已经成功了--uni.webView.navigateTo({url:/pages/test1/test1})});/script/html【问题2】web-view 加载 uni-app H5内部跳转冲突如何解决?该问题也是在web-view的下面的FAQ中有说明使用 uni.webView.navigateTo…这样就避免了与内部uni.navigateTo的冲突注意再次提醒下uni sdk放到body下面否则uni.webView是找不到的【问题】uniappzzVUE3中的自定义模板template.h5.html不生效?根据做项目的时候发现在使用VUE3模式下自定义模板template.h5.html不生效而生效是默认的index.html那么就可以直接在index.html中写注意这里还有个坑uni.webView应该在初始的时候就用变量保存下来后面直接用变量不能在document.addEventListener(‘UniAppJSBridgeReady’, function() {})中去保存否则拿不到uni.webViewindex.html:!DOCTYPE htmlhtml langenheadmeta charsetUTF-8 /meta nameviewport contentwidthdevice-width, user-scalableno, initial-scale1.0, maximum-scale1.0, minimum-scale1.0 /title/title!--preload-links--!--app-context--/headbodydiv idapp!--app-html--/divscript typemodule src/main.js/scriptscript typetext/javascriptvar userAgent navigator.userAgent;if (userAgent.indexOf(AlipayClient) -1) {// 支付宝小程序的 JS-SDK 防止 404 需要动态加载如果不需要兼容支付宝小程序则无需引用此 JS 文件。document.writeln(script srchttps://appx/web-view.min.js / script);} else if (/QQ/i.test(userAgent) /miniProgram/i.test(userAgent)) {// QQ 小程序document.write(script typetext/javascript srchttps://qqq.gtimg.cn/miniprogram/webview_jssdk/qqjssdk-1.0.0.js\/script);} else if (/miniProgram/i.test(userAgent) /micromessenger/i.test(userAgent)) {// 微信小程序 JS-SDK 如果不需要兼容微信小程序则无需引用此 JS 文件。document.write(script typetext/javascript srchttps://res.wx.qq.com/open/js/jweixin-1.4.0.js\/script);} else if (/toutiaomicroapp/i.test(userAgent)) {// 头条小程序 JS-SDK 如果不需要兼容头条小程序则无需引用此 JS 文件。document.write(script typetext/javascript srchttps://s3.pstatp.com/toutiao/tmajssdk/jssdk-1.0.1.js\/script);} else if (/swan/i.test(userAgent)) {// 百度小程序 JS-SDK 如果不需要兼容百度小程序则无需引用此 JS 文件。document.write(script typetext/javascript srchttps://b.bdstatic.com/searchbox/icms/searchbox/js/swan-2.0.18.js\/script);} else if (/quickapp/i.test(userAgent)) {// quickappdocument.write(script typetext/javascript srchttps://quickapp/jssdk.webview.min.js\/script);}if (!/toutiaomicroapp/i.test(userAgent) document.querySelector(.post-message-section)) {document.querySelector(.post-message-section).style.visibility visible;}/scriptscript typetext/javascript srchttps://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js/scriptscript typetext/javascriptvar uniWebView uni.webView;//必须在这时候保存下来console.log(uniWebView)uniWebView.getEnv(function(res) {console.log(当前环境 JSON.stringify(res));});/script/body/html补充h5中获取小程序或父级传递的参数可以将此方法写到公共调用的地方话不多说直接上代码function getQuery(name) {let reg new RegExp((^|) name ([^]*)(|$));let r decodeURIComponent(window.location.search).substr(1).match(reg);if(r ! null) {// 对参数值进行解码return decodeURIComponent(r[2]);}return null;}使用的时候直接调用const id getQuery(‘id’);