-
2018-03-25 13:44:01
QZone: "http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={{URL}}&title={{TITLE}}&desc={{DESC}}&summary={{SUMMARY}}&site={{SOURCE}}&pics={{IMAGE}}" http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://m.goczx.com/&title=【东莞厂房租售网|东莞厂房招租信息|东莞厂房网】-东莞i厂房网&desc=东莞i厂房网&summary=东莞i厂房网&site={{100*100}}&pics=http://img6.zcf8.com/black_logo1.png?imageView/3/w/67/h/27
QZone: "http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={{URL}}&title={{TITLE}}&desc={{DESC}}&summary={{SUMMARY}}&site={{SOURCE}}&pics={{IMAGE}}" QQ: "http://connect.qq.com/widget/shareqq/index.html?url={{URL}}&title={{TITLE}}&source={{SOURCE}}&desc={{DESC}}&pics={{IMAGE}}&summary={{SUMMARY}}" 新浪微博: "http://service.weibo.com/share/mobile.php?url={{URL}}&title={{DESC}}&pic={{IMAGE}}&appkey={{WEIBOKEY}}"
更多相关内容 -
Web开发中经常用到分享功能
2015-02-10 15:01:18一个很简单的分享功能,在Web开发经常用到的 -
分享一份软件测试项目实战(web+app+h5+小程序)
2021-10-22 15:46:55本次,谭叔再度出马,给大家找了一个非常适合练手的软件测试项目,此项目涵盖web端、app端、h5端、小程序端,可以说非常之全面。 缘起 在这之前,谭叔已经推出了九套实战教程。 但是,这些教程以web测试和接口测试...大家好,我是谭叔。
本次,谭叔再度出马,给大家找了一个非常适合练手的软件测试项目,此项目涵盖web端、app端、h5端、小程序端,可以说非常之全面。
缘起
在这之前,谭叔已经推出了九套实战教程。
但是,这些教程以web测试和接口测试为主,没有app等项目。为了让实战项目更加全面、涵盖到各端,同时也为了满足读者粉丝们对项目的高需求,我决定再给大家找一个项目。
(实力宠粉,求个赞不过分吧~)
说实话,在找项目的过程中,我下载过(甚至付费下载过)N多个项目、联系过很多项目的作者,但是绝大部分项目,在我看来,并不适合你拿来练习,它们或多或少都存在着“问题”,比如:
- 大部分项目是web项目,很难找到app项目,特别是有app安装包的项目
- 大部分app项目只有前端代码,没有后端服务代码,你只能以“使用者”的角色练习
- 大部分有app安装包的项目,项目作者提供的是试用app,很难保障个人隐私、账号安全等
- 大部分项目缺少部署指南,看起来一头雾水
- 有的项目涉及的业务,如果你缺少业务基础,很难上手,如支付、区块链、货币等
- 很少有统一的、能涵盖多端使用的项目
这些问题,我相信在你的学习过程中,也遇到过,并且很难解决。
但请放心,我都帮你解决好了!
在我浏览了上百个项目,亲手搭建了十多个项目之后,终于为你挑选出一个非常适合练手的软件测试项目。
有了它,你就再也不用担心这类招聘了~
项目介绍
项目名:XX商城
涉及端:电脑PC端、app端、H5应用端、小程序端
在该项目中,你可以随性操作,肆意妄为。比如,你可以自定义商城页面:
自定义后,在app和h5界面刷新,便能看到自定义的效果。
你还可以给商城会员充值,用以购买商品。
针对该项目,我无偿提供了全套教程(详见后续更新的文章):
同时,我无偿提供了该项目的全套资料:
除此之外,我还无偿提供一份我使用很久的、个人总结的、完整的app测试用例,为你练习提供指引和参考:
【获取 】当然,针对动手能力弱的同学,我也提供了演示视频(按需取用):
最后
特别感谢萤火科技提供的开源项目!本套教程完全遵循该项目的版权说明完成。
话不多说,按需自取。
-
AXURE9最全的WEB设计元件库(分享版).rplib
2020-10-07 00:40:20Axure9常用到的WEB设计元件库,在Axure点击+号即可导入元件库使用,或者打开Axure R9安装目录,进入DefaultSettings\Libraries,复制资源到此目录并重启Axure软件即可看到。 -
微信小程序web-view源码(内嵌网页分享功能).zip
2019-08-29 18:09:27微信小程序web-view源码(含内嵌网页分享功能)亲自测试ok,将app.js下域名换成自己的域名即可 -
一分钟教你实现web端三方分享
2018-08-01 16:04:05一分钟教你实现web端三方分享 其实我觉得一分钟还真的不过分,因为确实实现web端三方分享还真的只需要一分钟,但是第一次操作肯定是超时的,我这里vue环境,不过都是一样的,不必担心,主要是要看找什么三方,...一分钟教你实现web端三方分享
其实我觉得一分钟还真的不过分,因为确实实现web端三方分享还真的只需要一分钟,但是第一次操作肯定是超时的,我这里vue环境,不过都是一样的,不必担心,主要是要看找什么三方,今天的表演者是百度分享,每个人都要腰椎间盘,今天的百度分享还是有点突出了,链接如下http://share.baidu.com/?qq-pf-to=pcqq.c2c,访问即可看到如何使用。
1.获取js,通过选择百度分享会给你自动生成代码,我们这里选择自由选择版,然后第二步里面选择浮窗式。
2、然后一直点击下一步,默认即可,到最后一步点击直接复制代码,复制出来的代码即是百度分享生成的配置js,然后我们放入本地加载即可。
图片里面的js如下:
window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "slide": { "type": "slide", "bdImg": "0", "bdPos": "right", "bdTop": "100" }, "image": { "viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到:", "viewSize": "16" }, "selectShare": { "bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"] } }; with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
代码里面直接全局引用加载,然后在页面任何地方都会有效果:
<script src="./static/js/plugin/bd-share.js"></script>
3、网页上复制文字,鼠标移动到图片上、或者网页右上角都会有效果,这里分享一下网页右上角的效果
自此恭喜你,分享ok了。
-
java web课程设计资源分享系统源代码.zip
2022-06-08 14:54:48java web课程设计资源分享系统源代码java web课程设计资源分享系统源代码java web课程设计资源分享系统源代码java web课程设计资源分享系统源代码。java web课程设计资源分享系统源代码java web课程设计资源分享系统... -
web网页动态分享facebook和twitter
2020-07-08 14:40:00介绍 facebook分享 http://www.facebook.com/sharer.php?t=${text}u=encodeURIComponent('静态html') twitter分享 ...原理,通过调用第三方的分享地址,第三方回调你传的url,解析里面的meta信息,来显......介绍
facebook分享 http://www.facebook.com/sharer.php?t=${text}u=encodeURIComponent('静态html')
twitter分享 https://twitter.com/share?text=${text}&url=静态html
原理,通过调用第三方的分享地址,第三方回调你传的url,解析里面的meta信息,来显示标题图片啥的
参数text可以忽略,所以就是要解决静态html的问题示例静态html
主要的就是图片,标题,描述。
site,url啥的随缘填写。
card和type等都是固定的<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- twitter分享 --> <meta property="twitter:url" content="http://gg.chendahai.cn/static/share/index.html"/> <meta name="twitter:title" content="This is title"/> <meta name="twitter:description" content="This is desc"/> <meta name="twitter:site" content="http://gg.chendahai.cn/static/share/index.html"> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:image" content="http://gg.chendahai.cn/static/image/apple.jpg"/> <!-- facebook分享 --> <meta property="og:url" content="http://gg.chendahai.cn/static/share/index.html"/> <meta property="og:title" content="This is my plan,let's play together"/> <meta property="og:description" content="This is my plan,let's play together"/> <meta property="og:image" content="http://gg.chendahai.cn/static/image/apple.jpg"/> <meta property="og:type" content="website"/> <title>share test</title> </head> <body> </body> </html>
前提
有域名,端口号须为80,整个二级域名,nginx转发即可
比如java.chendahai.cn(80端口转发到5005端口)1 server { 2 listen 80; 3 server_name java.chendahai.cn; 4 5 client_max_body_size 20m; 6 7 location / { 8 proxy_set_header X-Real-IP $remote_addr; 9 proxy_set_header Host $http_host; 10 proxy_pass http://0.0.0.0:5005; 11 } 12 13 }
调用后端接口,根据参数动态返回html页面
注意事项
- url编码与解码得梳理清楚
- twitter分享地址有内容限制,所以参数不能太长。所以直接传meta的标签过去是行不通的,当然也会生成xss漏洞
- 先通过静态的页面测试通过之后再一步步往下走
为了保证接口参数的长度问题,接收参数选择用逗号分隔的字符串。
后端代码示例基于SpringMVC/** * facebook和twitter通用的动态分享接口 * * @param meta k,v,k,v 类型的字符串 * @return html页面 */ @RequestMapping(value = "/share/new", produces = "text/html;charset=utf-8") public String shareWin(String meta) throws UnsupportedEncodingException { // twitter的url需要进行url解码处理 meta = URLDecoder.decode(meta, "UTF-8"); String[] split = meta.split(","); String metaHtml = ""; for (int i = 0; i < split.length; i++) { metaHtml += "<meta property=\"" + split[i] + "\" name=\"" + split[i] + "\" content=\"" + split[i + 1] + "\"/>\n"; i++; } String retHtml = "<!DOCTYPE html>\n" + "<html lang=\"en\">\n" + "<head>\n" + metaHtml + "</head>\n" + "<body>\n" + "<script type=\"text/javascript\">\n" + "\twindow.location.href=\"http://java.chendahai.cn/\";\n" + "</script>" + "</body>\n" + "</html>"; System.out.println(retHtml); return retHtml; }
postman请求返回html例图
前端示例
facebook
let metaArr = [ 'og:url', 'http://java.chendahai.cn', 'og:title', 'this is title', 'og:description', 'this is desc', 'og:image', 'http://gg.chendahai.cn/static/image/apple.jpg', 'og:type', 'website' ] let metaParams = metaArr.toString() window.open('http://www.facebook.com/sharer.php?u=' + encodeURIComponent(`http://java.chendahai.cn/share/new?meta=${metaParams}`))
twitter
let metaArr = [ 'twitter:url', 'http://java.chendahai.cn', 'twitter:site', 'http://java.chendahai.cn', 'twitter:title', 'this is title', 'twitter:description', 'this is desc', 'twitter:card', 'summary_large_image', 'twitter:image', 'http://gg.chendahai.cn/static/image/pkq.jpg' ] let metaParams = metaArr.toString() // 需要encode两次 因为浏览器会自动decode一次,另一次是服务端会decode metaParams = encodeURIComponent(encodeURIComponent(metaParams)) window.open(`https://twitter.com/share?text=${title}&url=http://java.chendahai.cn/share/new?meta=${metaParams}`)
-
web端 网页端分享功能的实现
2019-04-24 11:29:19思路web端 网页端分享功能的实现。 我们看微信的分享开发者文档,可以知道使用微信JS-SDK可以实现网页在微信里的分享。 微信JS-SDK说明文档 也就是说 在微信浏览器中打开的网页 才能调用 该分享功能。 但是我们... -
Web网页分享到新浪微博与QQ空间链接
2018-09-27 13:50:56分享新浪微博 - 幕布 分享新浪微博前端参数设置var url = "${templateArticle.articleUrl?replace("\\","/")}";var appkey= "${templateArticle.appkey}";var pic = ... -
微信小程序web-view内嵌公众号网页分享功能实现
2020-03-16 16:06:13web-view嵌入网页分享,有二种分享情况 1、小程序分享出当前打开的页面 2、部分页面要求,分享指定页面,而不是当前的页面 以下是代码部分 一、web-view内嵌公众号网页中添加代码 1.引入js <script type=... -
Web 网站页面的社交分享 (Linkedin, Facebook, Twitter)
2017-12-15 11:35:19公司的web项目中,经常会有社交分享,这里简单说明下,方便后面开发人员理解。分享的原理社交分享(linkedin, facebook, twitter)的本质就是请求其一个公开的页面。通过参数告诉社交网站你需要分享的网页的网址,然后... -
白帽子讲Web安全.pdf百度云分享+Web前端黑客技术揭秘.pdf
2017-11-18 14:54:41白帽子讲Web安全.pdf百度云分享+Web前端黑客技术揭秘.pdf -
微信分享web链接的缩略图和标题
2018-03-29 17:31:48微信分享web链接的缩略图和标题 微信分享链接是经常需要显示连接的标题和缩略图。一、微信内分享通过微信 JS-SDK 的分享接口这种方法需要一个微信公众号的 app_id,同时需要一个后端服务生成 signature。好处是可以... -
移动web/h5网页分享到qq,配置标题,内容,图片(两种方式)
2020-04-16 16:39:02meta itemprop="name" content="这是分享的标题"/> <meta itemprop="image" content="http://imgcache.qq.com/qqshow/ac/v4/global/logo.png" /> <meta name="description" itemprop="des... -
java web 音乐分享系统 mysql 毕业设计
2016-02-19 10:37:12我的毕业设计 java web paopao音乐在线分享系统 java开发mysql 数据库支持上传下载 在线听音乐 分前后台 有我的开题报告和论文 还有技术文档 -
CTF学习经验分享(Web方向)
2021-10-11 19:24:47本人Web安全初学者,记录分享一下学习历程,推荐评价仅代表个人观点,不足之处欢迎各位表哥指正…… CTF基础知识:分类: 基础知识 | CTFHubEnjoy your's CTFhttps://writeup.ctfhub.... -
分享一个Axure的web电商后台原型
2018-10-22 20:08:46分享一个我觉得可以作为电商web后台的设计的原型rp文件,能给你带来思路,逻辑上的帮助。 -
powerBI发布到web,管理员权限设置
2021-06-25 09:32:331.发布到Web 2.需要管理员权限开启嵌入代码 3.管理员账号 翻powerbi文档,需要进入365管理员中心申请开启管理员权限 https://portal.office.com/admintakeover 4.365管理中心 配置当前账号为管理员 进入后,提交... -
Web渗透测试之SRC挖掘经验分享
2020-03-30 11:31:54专注培养高薪网络安全人才,帮助大家了解并学习网络安全,传授黑白帽实战技能,带领零基础小白正式踏入入门阶段。... 具备web渗透测试工程师的工作水平; 能够挖掘各家SRC应急响应中心漏洞,凭借挖漏洞月收入过万 -
非微信公众号web网页二次分享链接中图片丢失的问题
2016-12-02 16:55:57非微信公众号web网页二次分享链接中图片丢失的问题 -
web测试的一些经验分享 WEB测试经验
2010-09-21 15:58:07web测试的一些经验分享 WEB测试经验 -
WEB前端工程师Web前端性能优化经验分享
2012-11-08 09:54:59WEB前端工程师Web前端性能优化经验分享 -
分享一个仿苹果风格的Web桌面模板~~
2014-07-29 15:15:58这是我开发的一款仿苹果风格的web桌面模板,非常精美。 特意公开出来供大家使用,希望大家喜欢。 -
移动Web开发实战专栏总结(PPT分享)
2018-06-25 16:46:04以下为我将专栏《移动Web开发实战》重新从不同的角度进行整体的梳理之后,在团队分享的PPT。在这里分享给大家。 写PPT之前,先将要分享的内容用脑图梳理出来,有了框架填内容就比较快了。 1、禁止ios... -
Web前端如何学?Web前端学习方法分享
2022-03-07 16:27:09伴随着人工智能、大数据的发展浪潮,互联网将各个行业更加紧密的链接到了一起,也因此,市场上对于IT互联网人才的需求一再增多,Web前端开发工程师这一岗位就很好的体现了这种态势。 -
web网页制作期末大作业清晰版.zip
2019-12-02 18:11:15分享思维,改变世界. web网页制作,期末大作业. 所用技术:html css javascript 分享所学所得 欢迎下载,里面资料很全面,d大家可以学习使用! -
微信小程序在web-view页面做分享,并且把分享的参数传递给小程序
2019-08-06 11:45:07QQ技术交流群173683866 526474645 欢迎加入交流讨论,打广告的一律飞机票 本demo实现的功能,微信小程序给h5传参,h5给小...web-view src="https://xxx.xxx.cn/test1.html?user=12" bindmessage="bindGetMsg"/>... -
web 移动端 微信分享(nativeShare)
2019-04-23 18:26:301、引入nativeShare.js 2、 ... “wechatFriend” (分享微信好友)“wechatTimeline”(朋友圈) “qqFriend”(qq分享)“qZone”(qq空间)“weibo” (微博) function h5Share(config, info... -
【web前端】js页面文字选中后分享到新浪微博实现
2012-07-12 16:34:49js页面文字选中后分享到新浪微博实现 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1428 一、功能简述 正是微博如火如荼的时节,其中各个微博的分享...