精华内容
下载资源
问答
  • 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开发经常用到的
  • 分享一份软件测试项目实战(web+app+h5+小程序)

    万次阅读 多人点赞 2021-10-22 15:46:55
    本次,谭叔再度出马,给大家找了一个非常适合练手的软件测试项目,此项目涵盖web端、app端、h5端、小程序端,可以说非常之全面。 缘起 在这之前,谭叔已经推出了九套实战教程。 但是,这些教程以web测试和接口测试...

    大家好,我是谭叔。

    本次,谭叔再度出马,给大家找了一个非常适合练手的软件测试项目,此项目涵盖web端、app端、h5端、小程序端,可以说非常之全面。

    缘起

    在这之前,谭叔已经推出了九套实战教程。

    image-20211012203019737

    但是,这些教程以web测试和接口测试为主,没有app等项目。为了让实战项目更加全面、涵盖到各端,同时也为了满足读者粉丝们对项目的高需求,我决定再给大家找一个项目。

    实力宠粉,求个赞不过分吧~

    说实话,在找项目的过程中,我下载过(甚至付费下载过)N多个项目、联系过很多项目的作者,但是绝大部分项目,在我看来,并不适合你拿来练习,它们或多或少都存在着“问题”,比如:

    1. 大部分项目是web项目,很难找到app项目,特别是有app安装包的项目
    2. 大部分app项目只有前端代码,没有后端服务代码,你只能以“使用者”的角色练习
    3. 大部分有app安装包的项目,项目作者提供的是试用app,很难保障个人隐私、账号安全等
    4. 大部分项目缺少部署指南,看起来一头雾水
    5. 有的项目涉及的业务,如果你缺少业务基础,很难上手,如支付、区块链、货币等
    6. 很少有统一的、能涵盖多端使用的项目

    这些问题,我相信在你的学习过程中,也遇到过,并且很难解决。

    但请放心,我都帮你解决好了!

    在我浏览了上百个项目,亲手搭建了十多个项目之后,终于为你挑选出一个非常适合练手的软件测试项目。

    有了它,你就再也不用担心这类招聘了~

    image-20211012105704274

    项目介绍

    项目名:XX商城

    涉及端:电脑PC端、app端、H5应用端、小程序端

    在该项目中,你可以随性操作,肆意妄为。比如,你可以自定义商城页面:

    image-20211012154106723

    自定义后,在app和h5界面刷新,便能看到自定义的效果。

    image-20211012154215927

    你还可以给商城会员充值,用以购买商品。

    image-20211012154656435

    针对该项目,我无偿提供了全套教程(详见后续更新的文章):

    image-20211012163404066

    同时,我无偿提供了该项目的全套资料

    image-20211012163605816

    除此之外,我还无偿提供一份我使用很久的、个人总结的、完整的app测试用例,为你练习提供指引和参考:

    image-20211012112737056
    【获取 】

    当然,针对动手能力弱的同学,我也提供了演示视频(按需取用):

    image-20211012163712124

    最后

    特别感谢萤火科技提供的开源项目!本套教程完全遵循该项目的版权说明完成。

    image-20211012163929147

    话不多说,按需自取。

    展开全文
  • Axure9常用到的WEB设计元件库,在Axure点击+号即可导入元件库使用,或者打开Axure R9安装目录,进入DefaultSettings\Libraries,复制资源到此目录并重启Axure软件即可看到。
  • 微信小程序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课程设计资源分享系统源代码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页面

    注意事项

    1. url编码与解码得梳理清楚
    2. twitter分享地址有内容限制,所以参数不能太长。所以直接传meta的标签过去是行不通的,当然也会生成xss漏洞
    3. 先通过静态的页面测试通过之后再一步步往下走

    为了保证接口参数的长度问题,接收参数选择用逗号分隔的字符串。
    后端代码示例基于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嵌入网页分享,有二种分享情况 1、小程序分享出当前打开的页面 2、部分页面要求,分享指定页面,而不是当前的页面 以下是代码部分 一、web-view内嵌公众号网页中添加代码 1.引入js <script type=...
  • 公司的web项目中,经常会有社交分享,这里简单说明下,方便后面开发人员理解。分享的原理社交分享(linkedin, facebook, twitter)的本质就是请求其一个公开的页面。通过参数告诉社交网站你需要分享的网页的网址,然后...
  • 白帽子讲Web安全.pdf百度云分享+Web前端黑客技术揭秘.pdf
  • 微信分享web链接的缩略图和标题

    千次阅读 2018-03-29 17:31:48
    微信分享web链接的缩略图和标题 微信分享链接是经常需要显示连接的标题和缩略图。一、微信内分享通过微信 JS-SDK 的分享接口这种方法需要一个微信公众号的 app_id,同时需要一个后端服务生成 signature。好处是可以...
  • meta itemprop="name" content="这是分享的标题"/> <meta itemprop="image" content="http://imgcache.qq.com/qqshow/ac/v4/global/logo.png" /> <meta name="description" itemprop="des...
  • 我的毕业设计 java web paopao音乐在线分享系统 java开发mysql 数据库支持上传下载 在线听音乐 分前后台 有我的开题报告和论文 还有技术文档
  • CTF学习经验分享Web方向)

    千次阅读 2021-10-11 19:24:47
    本人Web安全初学者,记录分享一下学习历程,推荐评价仅代表个人观点,不足之处欢迎各位表哥指正…… CTF基础知识:分类: 基础知识 | CTFHubEnjoy your's CTFhttps://writeup.ctfhub....
  • 分享一个我觉得可以作为电商web后台的设计的原型rp文件,能给你带来思路,逻辑上的帮助。
  • powerBI发布到web,管理员权限设置

    千次阅读 2021-06-25 09:32:33
    1.发布到Web 2.需要管理员权限开启嵌入代码 3.管理员账号 翻powerbi文档,需要进入365管理员中心申请开启管理员权限 https://portal.office.com/admintakeover 4.365管理中心 配置当前账号为管理员 进入后,提交...
  • Web渗透测试之SRC挖掘经验分享

    千人学习 2020-03-30 11:31:54
    专注培养高薪网络安全人才,帮助大家了解并学习网络安全,传授黑白帽实战技能,带领零基础小白正式踏入入门阶段。... 具备web渗透测试工程师的工作水平; 能够挖掘各家SRC应急响应中心漏洞,凭借挖漏洞月收入过万
  • 非微信公众号web网页二次分享链接中图片丢失的问题
  • web测试的一些经验分享 WEB测试经验
  • WEB前端工程师Web前端性能优化经验分享
  • 这是我开发的一款仿苹果风格的web桌面模板,非常精美。 特意公开出来供大家使用,希望大家喜欢。
  • 以下为我将专栏《移动Web开发实战》重新从不同的角度进行整体的梳理之后,在团队分享的PPT。在这里分享给大家。 写PPT之前,先将要分享的内容用脑图梳理出来,有了框架填内容就比较快了。 1、禁止ios...
  • 伴随着人工智能、大数据的发展浪潮,互联网将各个行业更加紧密的链接到了一起,也因此,市场上对于IT互联网人才的需求一再增多,Web前端开发工程师这一岗位就很好的体现了这种态势。
  • 分享思维,改变世界. web网页制作,期末大作业. 所用技术:html css javascript 分享所学所得 欢迎下载,里面资料很全面,d大家可以学习使用!
  • QQ技术交流群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:30
    1、引入nativeShare.js 2、 ... “wechatFriend” (分享微信好友)“wechatTimeline”(朋友圈) “qqFriend”(qq分享)“qZone”(qq空间)“weibo” (微博) function h5Share(config, info...
  • js页面文字选中后分享到新浪微博实现 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1428 一、功能简述 正是微博如火如荼的时节,其中各个微博的分享...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 394,645
精华内容 157,858
关键字:

web分享