链接：
http://tool.chinaz.com/tools/use

个人类型和海外类型的小程序不支持 web-view 标签  也就是说个人申请的小程序，就别想跳转了！！！！

重磅消息 小程序逐渐会支持分享链接到朋友圈 点击下方链接前往查看演示地址

分享朋友圈文章地址：https://blog.csdn.net/qq_32113629/article/details/107177622

演示地址：



1.开发的时候，我们难免碰到要跳转到其他网页中去那该怎么实现呢？

2.例如我想点击一个按钮，跳转到百度（百度的网页还是在小程序中打开） 

3.wxml

   1. index.wxml   (按钮页面)

<view class='wrapper'>
    <button class='wepay' bindtap='goBaidu'>点击跳转</button>
  </view>

   2.out.wxml  (百度页面)，

<web-view src="https://www.baidu.com/"></web-view>

//放心你没有看错就这么一行就行了//把你要跳转的界面用src 就可以了，以后要跳转到哪，src里面地址就写哪！

    3.别忘了，要在app.json中配置一下路由，

"pages":[
    "pages/a/a",
    "pages/b/b"
  ],



    电脑上是可以跳转的，体验版的话，在手机上是不好使的，除非你已经在小程序后台完成了配置域名，但是！！！！

注意！！这是顶级注释：请看第四条



4.需要配置业务域名并上传验证文件：

这是我的vx公众号全是技术文章：

这个是我本人的前端技术QQ交流群：

 

 

 

如果文章对你有帮助  希望各位可以给我的群 冲冲人气 

4.1校验文件需要放在你要跳转到的网站的根目录下面才可以！！！也就是说你想跳转到别人网站网页里面 需要得到别人的同意！！

那比如这个跳转到www.baidu.com 就是行不通的了，只能是自己在开发的时候玩玩（在开发者工具中点设置-项目设置-在不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书 前面打上对勾），在正式发布时候肯定是行不通的！！！

4.2那你想跳转到自己的网站中就需要配置域名、下载校验文件了！！再次强调 个人类型与海外类型的小程序暂不支持使用web-view

进入到小程序后台 https://developers.weixin.qq.com   设置-开发设置 -业务域名





4.3web-view 的 src可以是可打开关联的公众号的文章地址! （打开公众号这块也是个坑）

5.index.js

goBaidu:function(){
    wx.navigateTo({
      url:'../out/out', //
      success:function() {

      },       //成功后的回调；
      fail:function() { },         //失败后的回调；
      complete:function() { }      //结束后的回调(成功，失败都会执行)
 })

6.效果图



 

 

目录

一、设置描述

二、操作步骤

一、设置描述

    1.VSCode作为一款很不错的开发软件，相比DW更小巧，用来测试前端特别不错，那么我们平时开发网页发现只有写完代码，然后保存，接下来到浏览器中刷新查看效果，然后不停重复，我们发现很多时间就这样浪费到了这三个步骤上。

    2.其实我们可以在VSCode中配置一个网页服务器，修改完代码之后只需要保存代码浏览器就可以实时预览

二、操作步骤

    1.打开VScode，点击坐标工具栏的最后一个进入插件安装



    2.如果没有显示左边的工具栏，也可以在View中找到Extensions进入插件安装



    3.在搜索框中输入Live Server，在搜索结果中找到如下，选择安装



    4.安装完成需要重启软件插件才能生效

    5.重启过之后，新建一个工作区（也可以直接拖一个文件夹到vscode中），在这里创建一个HTML文件做测试，注意单独新建一个HTML文件拖动到IDE中是使用不了Live Server的，需要把这个HTML文件放到创建的工作区(文件夹)中，新建完成后我们可以在状态栏上看到一个Go Live，单击会自动打开浏览器并显示

   提示：如果之前也有HTML项目，直接把项目根文件夹拖动到VScode中就会自动添加到工作区



    6.如果没有状态栏上，也可以在文件上单击右键，选择Open With Live Server这一项



    7.接下来修改代码我们只需要ctrl+S保存修改后的代码，浏览器自动刷新，动图显示



   8.遇到问题解决不了别忘了留言~~

都说python爬网页数据方便，我们今天就来试试，python爬取数据到底有多方便





简介

爬取数据，基本都是通过网页的URL得到这个网页的源代码，根据源代码筛选出需要的信息



准备

IDE：pyCharm 

库：requests、lxml

大概介绍一下，这俩库主要为我们做什么服务的 

requests：获取网页源代码 

lxml：得到网页源代码中的指定数据

言简意赅有没有 ^_^



搭建环境

这里的搭建环境，可不是搭建python的开发环境，这里的搭建环境是指，我们使用pycharm新建一个python项目，然后弄好requests和lxml 

新建一个项目： 

 

光溜溜的啥也没有，新建个src文件夹再在里面直接新建一个Test.py吧 

 

依赖库导入 

我们不是说要使用requests吗，来吧 

由于我们使用的是pycharm，所以我们导入这两个库就会显的格外简单，如图： 

 

在Test.py中输入：



import requests

这个时候，requests会报红线，这时候，我们将光标对准requests，按快捷键：alt + enter，pycharm会给出解决之道，这时候，选择install package requests，pycharm就会自动为我们安装了，我们只需要稍等片刻，这个库就安装好了。lxml的安装方式同理.

将这两个库安装完毕后，编译器就不会报红线了 

  

接下来进入快乐的爬虫时间



获取网页源代码

之前我就说过，requests可以很方便的让我们得到网页的源代码 

网页就拿我的博客地址举例好了：https://blog.csdn.net/it_xf?viewmode=contents 

获取源码：



# 获取源码
html = requests.get("https://blog.csdn.net/it_xf?viewmode=contents")
# 打印源码
print html.text

代码就是这么简单，这个html.text便是这个URL的源码



获取指定数据

现在我们已经得到网页源码了，这时就需要用到lxml来来筛选出我们所需要的信息 

这里我就以得到我博客列表为例

首先我们需要分析一下源码，我这里使用的是chrome浏览器，所以右键检查，便是这样一份画面： 

 

然后在源代码中，定位找到第一篇 

像这样？ 

 

操作太快看不清是不是？ 

我这里解释一下，首先点击源码页右上角的箭头，然后在网页内容中选中文章标题，这个时候，源码会定位到标题这里， 

这时候选中源码的标题元素，右键复制如图： 

  

得到xpath，嘿嘿，知道这是什么吗，这个东西相当于地址。比如网页某长图片在源码中的位置，我们不是复制了吗，粘贴出来看看长啥样



//*[@id="mainBox"]/main/div[2]/div[1]/h4/a

这里给你解释解释：



// 定位根节点
/ 往下层寻找
提取文本内容：/text()
提取属性内容：/@xxxx

后面两个我们还没有在这个表达式见过，待会说，先摆张图放出来 

 

表达式：//*[@id="mainBox"]/main/div[2]/div[1]/h4/a 

我们来琢磨琢磨，首先，//表示根节点，也就是说啊，这//后面的东西为根，则说明只有一个啊 

也就是说，我们需要的东西，在这里面 

然后/表示往下层寻找，根据图片，也显而易见，div -> main -> div[2] -> div[1] -> h4 -> a 

追踪到a这里，我想，你们应该也就看得懂了，然后我们在后面加个/text，表示要把元素的内容提取出来，所以我们最终的表达式长这样：

//*[@id="mainBox"]/main/div[2]/div[1]/h4/a/text()

这个表达式只针对这个网页的这个元素，不难理解吧？ 

那么这个东西怎么用呢？ 

所有代码：



import requests
from lxml import etree

html = requests.get("https://blog.csdn.net/it_xf?viewmode=contents")
# print html.text

etree_html = etree.HTML(html.text)
content = etree_html.xpath('//*[@id="mainBox"]/main/div[2]/div[1]/h4/a/text()')
for each in content:
    print(each)

这时候，each里面的数据就是我们想要得到的数据了 

打印结果：






        如何撸一个ArrayList      



打印结果却是这个结果，我们把换行和空格去掉

import requests
from lxml import etree

html = requests.get("https://blog.csdn.net/it_xf?viewmode=contents")
# print html.text

etree_html = etree.HTML(html.text)
content = etree_html.xpath('//*[@id="mainBox"]/main/div[2]/div[1]/h4/a/text()')

for each in content:
    replace = each.replace('\n', '').replace(' ', '')
    if replace == '\n' or replace == '':
        continue
    else:
        print(replace)


打印结果：



如何撸一个ArrayList 

相当nice，那么，如果我们要得到所有的博客列表呢 

看图看表达式分析大法 

 

表达式：//*[@id="mainBox"]/main/div[2]/div[1]/h4/a/text() 

其实我们能够很容易发现，main->div[2]其实包含所有文章，只是我们取了main->div[2]->div[1]，也就是说我们只是取了第一个而已。所以，其实表达式写出这样，就可以得到所有的文章了

//*[@id="mainBox"]/main/div[2]/div/h4/a/text()

再来一次：



import requests
from lxml import etree

html = requests.get("https://blog.csdn.net/it_xf?viewmode=contents")
# print html.text

etree_html = etree.HTML(html.text)
content = etree_html.xpath('//*[@id="mainBox"]/main/div[2]/div/h4/a/text()')

for each in content:
    replace = each.replace('\n', '').replace(' ', '')
    if replace == '\n' or replace == '':
        continue
    else:
        print(replace)



打印结果：



如何撸一个ArrayList
Android相机屏幕适配
Tinker关于clean后准基包消失的解决方案
Tinker使用指南
git分支的使用
如何将Androidstudio中的项目导入到第三方的git托管库中
遍历矩阵
从矩阵中取出子矩阵
AndroidStudio配置OpenCV
一步一步了解handler机制
Android常用框架
Android绘制波浪线
RxJava系列教程之线程篇（五）
RxJava系列教程之过滤篇（四）
RxJava系列教程之变换篇（三）
RxJava系列教程之创建篇（二）
RxJava系列教程之介绍篇（一）
一个例子让你彻底理解java接口回调
SharedPreferences的用法及指南
异步加载网络图片带进度
VideoView加载闪黑屏
android视频播放vitamio的简单运用
仿网易新闻分类刷新
ListView加CheckBox简单实现批量删除
Android如何高效加载大图
Android聊天界面实现方式
抽屉侧滑菜单Drawerlayout-基本使用方法
android-引导页的实现方式
Java设计模式--工厂模式的自述
javaweb学习路线
getWindow().setFlags()使用说明书
歪解Activity生命周期-----初学者彻底理解指南

相当nice，我们得到了所有的文章列表。



总结

我们用到了requests获取网页列表，用lxml筛选数据，可以看出python用来在网页上爬取数据确实方便不少，chrome也支持直接在源码中得到表达式xpath，这两个库的内容肯定不止这一点点，还有很多功能等着你们去挖掘。对了，其中在写这篇博客的同时，我发现了一个很重要的问题：我的文章写的太少啦！【逃】