整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

前端css学习,移动效果的实现(代码)

前端css学习,移动效果的实现(代码)

现效果—视频链接:

前端css学习,移动效果的实现

https://www.ixigua.com/i7009992743401292325/

习使用国产网页自动化工具Drissionpage,通过Python代码很轻松搞定了自动打卡,参见《国产网页自动化工具Drissionpage实战考勤打卡》。

但在处理复杂场景时,还是碰到一些问题,主要是Drissionpage相关的资料比较少,所以想着遇到问题做个记录,以方便和大家共同探讨。

今天主要碰到两个问题:

带有滑块式验证的登录页面获取不到有效滑块元素的问题

登录页面中有一个滑块式验证,虽然Drissionpage中提供了hold()、Drag()等方法,但因为页面上随着滑块移动,网页元素的class会发生变化(如下图所示),多次尝试通过ele()方法操纵元素无果。

最后滑块操作果断放弃Drissionpage,改用Pyautogui模拟键鼠实现,主要代码如下:

import pyautogui as gui
#鼠标1秒钟内移动至滑块当前位置
gui.moveTo(1212,635,duration=1)
#鼠标左键按住不放
gui.hold(1212,635)
#1秒钟内向右方拖拽450
gui.drag(450,0,1)

登录成功后,再次运行程序自动访问页面需要重新登录的问题

因为第一个问题解决的并不完美,一旦换个电脑滑块的坐标位置发生变化就会有问题。所以想着简单点:先人工登录,把后面的工作交给自动化处理。

但又出现新问题,当前页面人工登录成功后,运行程序却会重新启动一个Chrome浏览器,而且自动访问指定网页时需要重新登录。

解决方法和步骤:

1、打开Chrome浏览器,地址栏输入“chrome://version/”,获取个人资料路径

2、代码中使用 set_user_data_path() 方法,使得程序运行打开的Chorem浏览器用户目录与正常打开浏览器用户目录一致。主要代码如下:

from DrissionPage import  ChromiumOptions
co=ChromiumOptions()
co.set_user_data_path()(r'C:\Users\Administrator\AppData\Local\Google\Chrome\User Data')  
page=ChromiumPage(co)
page.get('http://xxx')

说明:若不做设置,正常浏览器和程序打开浏览器地址栏输入“chrome://version/”,两者的个人资料路径是不一样的。

3、运行情况:正常打开浏览器访问页面登录后,程序运行会使用已打开浏览器访问新页面,且不需要再次登录。

结语

上述第一个问题虽然解决了,但并不完美。也希望有高手看到的话,能够在评论区指点一二。

TML 超链接(链接)

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

我们通过使用 <a> 标签在 HTML 中创建链接。

有两种使用 <a> 标签的方式:

  1. 通过使用 href 属性 - 创建指向另一个文档的链接
  2. 通过使用 name 属性 - 创建文档内的书签

HTML 链接语法

链接的 HTML 代码很简单。它类似这样:

<a href="url">Link text</a>

href 属性规定链接的目标。

开始标签和结束标签之间的文字被作为超级链接来显示。

实例

<a href="http://www.baidu.com/">百度</a>

上面这行代码显示为:百度

点击这个超链接会把用户带到 百度 的首页。

提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

HTML 链接 - target 属性

使用 Target 属性,你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档:

<a href="http://www.baidu.com/" target="_blank">百度</a>

HTML 链接 - name 属性

name 属性规定锚(anchor)的名称。

您可以使用 name 属性创建 HTML 页面中的书签。

书签不会以任何特殊方式显示,它对读者是不可见的。

当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

命名锚的语法:

<a name="label">锚(显示在页面上的文本)</a>

提示:锚的名称可以是任何你喜欢的名字。

提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。

实例

首先,我们在 HTML 文档中对锚进行命名(创建一个书签):

<a name="tips">基本的注意事项 - 有用的提示</a>

然后,我们在同一个文档中创建指向该锚的链接:

<a href="#tips">有用的提示</a>

您也可以在其他页面中创建指向该锚的链接:

<a href="url#tips">有用的提示</a>

在新的浏览器窗口打开链接

本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。

<html>
<body>
<a href="http://www.baidu.com/" target="_blank">百度</a>
<p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。</p>
</body>
</html>
?

HTML基础教程:超链接的使用