autojs获取网页源码（autojs源码提取）

今天给各位分享autojs获取网页源码的知识，其中也会对autojs源码提取进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、怎么用JS获取某一个指定页面（非本页面）的HTML代码？
• 2、auto.js如何解析html
• 3、网页如何查看源代码

怎么用JS获取某一个指定页面（非本页面）的HTML代码？

1、在浏览器中打开要调试的网页，然后点击”F12 Developer Tools“，也可以使用快捷键F12。

2、弹出的工具窗口中，默认选择是Dom Explorer功能，它会列出网页的源代码和CSS样式列表。

3、使用元素定位功能选择页面中的一个元素，也会定位到源代码中位置。

4、对定位到的文字修改CSS样式，添加inline style，比如把字体变为红色。

5、查看元素已经应用的CSS样式，点击"computed"菜单。

6、然后查看元素的布局信息，点击"Layout"菜单。

auto.js如何解析html

URL：

编写思路(入门级别)

1、打开谷歌浏览器

2、打开博客园登录网页地址

3、在用户名输入框内输入用户名

4、在密码输入框内输入密码

5、点击登录

6、检测是否跳转到了登录成功的页面

脚本如下图:

4feb5d799ae52eea8c1b063cc8c60f85.png

现在我们来分解下输入用户名这个动作

1、首先找到用户名输入框

2、在输入框中输入用户名

【找到用户名输入框】实现此步骤的前提就是需要掌握控件的定位。具体在脚本中实现也就是图中的第11行：

('//*[@autocomplete="username"]')

WEB控件定位所做的事情，就是通过特定的方式找到我们需要操作的页面控件

那么如何才能学会这个控件定位呢？第一步就是简单了解下前端的语言。和我一起往下看即可轻松学会。

二、WEB网页文本—HTML5

要想掌握WEB自动化测试的控件定位，我们首选要了解控件是什么。

控件就是浏览器展示的前端语言生成对象。

web前端的基础语言就是HTML5

依旧是老套路，拿博客园举例：

5faa8b60ca05f50f4c0d6430574214fd.png

用户打开浏览器，看到的用户名输入框、密码输入框、登陆按钮、立即注册等等所有，都是浏览器展示的HTML5语言的对象。

我们按下F12键即可打开浏览器的调试模式，来查看网页的HTML5源代码。

如下图：

按下F12后右边页面中Elements选项对应的就是网页的html5代码

第一次接触肯定觉得非常晦涩难懂、云里雾里。但是相信我，万事开头难！你在看我自动化测试思维的文章以前不也是觉得自动化测试非常高大上吗?

不了解什么是自动化测试思维？戳下方5分钟即可学会☟☟☟

【自动化测试入门】自动化测试思维

00a821b679ab09e913981cf6a655f861.png

HTML5一个控件的写法一般是2个尖括号成对出现。

一、第一个尖括号的第一个单次为控件类型，之后是控件属性。

二、第二个尖括号表示此控件的尾部。

三、2个尖括号中间为控件在前端显示的文字部分。

举例说明的话。控件类型是狗的类型(中华田园犬、哈巴狗、牧羊犬等)，控件属性就是这条狗的名字、性别、体重、毛发颜色等。2个尖括号中间的文字，就是你想在此页面上展示的这个狗的'名字'。

还是拿博客园的登陆界面举例来说：

点击'小箭头'定位控件，或者在控件处右键选中'检查元素'，即可定位到指定的控件

7b1de1397c71dcde07d8d9da72e61ab5.png 控件的源码为：

input _ngcontent-miv-c141=""matinput=""formcontrolname="username"placeholder="登录用户名 / 邮箱"autocomplete="username" id="mat-input-0" aria-describedby="mat-error-0" aria-invalid="true" aria-required="false"

input就是控件类型

input以外的就都是控件属性

这个输入框的控件属性有：

_ngcontent-miv-c141=""

matinput=""

formcontrolname="username"

placeholder="登录用户名 / 邮箱"

autocomplete="username"

id="mat-input-0"

aria-describedby="mat-error-0"

aria-invalid="true"

aria-required="false"

三、基于控件的唯一控件属性定位

了解了什么是控件，现在我们在上手控件的定位。

selenium有八种定位控件的方式，有6种都是基于HTML5原生控件的单一控件属性来定位的。

id定位：

find_element_by_id()

name定位：

find_element_by_name()

class定位：

find_element_by_class_name()

tag定位：

find_element_by_tag_name()

link定位：

find_element_by_link_text()

partial_link定位：

find_element_by_partial_link_text()

以下两种为特定的2种控件定位方法，下一篇文章再做详解。 xpath定位：find_element_by_xpath() CSS定位：find_element_by_css_selector()

下面我将举例来讲解这6种基于单一控件属性的定位方法。

还是拿博客园的登陆界面举例来说：

833005656b1e6d0fa4a7e2cc58d875a5.png

登陆用户名的输入框的HTML5源码为：

input _ngcontent-miv-c141=""matinput=""formcontrolname="username"placeholder="登录用户名 / 邮箱"autocomplete="username" id="mat-input-0" aria-describedby="mat-error-0" aria-invalid="true" aria-required="false"

这个输入框的控件属性有：

_ngcontent-miv-c141=""

matinput=""

formcontrolname="username"

placeholder="登录用户名 / 邮箱"

autocomplete="username"

id="mat-input-0"

aria-describedby="mat-error-0"

aria-invalid="true"

aria-required="false"

对应的定位方法：

id属性来定位此控件

写法为：

find_element_by_id(mat-input-0)

name属性来定位此控件

此控件前端开发没有定义name属性，则无法使用此定位方法

tag属性来定位此控件(控件的类型)

写法为：

find_element_by_tag_name('input')

class属性来定位此控件

写法为：

find_element_by_class_name(mat-input-0)

另外两种定位是针对link属性的控件，也就是链接控件。如下图：

依旧是老老路。使用博客园登陆页举例：

【立即注册】就是页面中的一个link控件，其作用就是跳转到注册页面。

fe0c7b4e9f770591aeaa13a7a9e5ec43.png

_ngcontent-arq-c141="" href="/signup?returnUrl=https:%2F%2F"立即注册

他的控件属性有

link定位(通过link控件的文本值)

find_element_by_link_text('立即注册')

但是部分页面会存在，link的文本值非常长，所以就发明了partial_link定位。

如下图中的百度文库的某一页面：

5ddb0ca6201cd203245824c06c9e7932.png link的文本值为：全国2018年10月04741计算机网络原理真题以及答案解析

定位的脚本就可以写成：(只取文本的某一段值即可)

find_element_by_link_text('04741计算机网络')

但是这样的定位方式存在一个致命且常见的问题：

随着前端的技术不断的发展，页面的复杂度越来越高。一个页面的控件越来越多(tag不唯一)，id、name、class_name可能有很多重名或者完全是动态的一串字母(id、name、class_name、link_name可能都不唯一)，我们基于唯一控件属性定位的在特别复杂的项目上可能完全无法完成UI自动化测试的定位工作。

网页如何查看源代码

问题一：如何查看网页的JS代码 在网页中点右键，然后查看海文件，如果JS代码是直接写在HTML文件中的这样就能看到了，如果JS代码是在外部文件的，那就从HTML代码中找到js外部文件的网址，然后下载回来就能看了。

问题二：怎样使用浏览器查看网页HTML和CSS源代码 IE9浏览器默认情况下隐藏了浏览器菜单栏，因此在打开IE9浏览器以后，需要按键盘上的ALT键来显示浏览器工具栏。

2

在显示出来的IE菜单栏上点击菜单“查看”→“源文件”。

3

IE浏览器会自动打开一个新的窗口来显示网页源代码。

4

哦~这份缘文件实在太难看懂了~别着急，其实IE9提供了一个更为强大的网页源代码查看工具――开发者工具。

点击IE9浏览器右上角的齿轮图标，在下拉菜单中点击“F12开发者工具”，或者直接按键盘上的快捷键F12也可以打开开发者工具。

5

IE9的开发者工具提供更为强大的网页开发查看代码和调试功能，你可以使用开发者工具更方便地查看网页HTML代码，CSS样式代码和脚本等信息。

END

使用Firefox火狐浏览器查看网页源代码

1

Windows Vista/7用户：点击Firefox浏览器左上角的快捷菜单，在下拉菜单中点击“Web开发者”→“查看页面源代码”。

Windows XP/Linux用户：点击Firefox浏览器的菜单“工具”→“Web开发者”→“查看页面源代码”。

键盘快捷键：Ctrl+U

2

Firfox浏览器会打开网页源代码窗口显示网页HTML源代码。

3

如果想要查看其中外联的CSS源文件，可以用鼠标点击源代码中的CSS外联文件链接网址。

4

不过自带的之中网页源文件查看器并不好用，你可以尝试使用插件Firebug来获取更好用的网页开发功能。

点击“Web开发者”→“获取更多工具”。

5

在弹出的Firefox新标签页中安装插件“Firebug”。

6

安装完成以后会在Firefox浏览器的右上角工具栏中添加Firebug的图标，点击它就可以使用Firebug网页调试工具了。

这个工具相当强大哦~

END

使用谷歌Chrome浏览器查看网页源代码

点击Chrome浏览器右上角的快捷菜单“工具”→“查看源代码”。

Chrome浏览器会打开一个网页源代码显示窗口，这个源代码显示窗口好像也是不那么友好，一大堆网页代码实在不知道如何下手呀。

如果你想要更好的网页源代码显示和开发工具，那就点击Chrome浏览器右上角的快捷菜单“工具”→“开发者工具”。

看看，不需要下载任何插件，Chrome浏览器就已经为你提供了一个相当强大的网页开发者工具了。

使用Chrome浏览器开发者工具来查看和调试CSS也相当好用。

问题三：如何查看网页源码 这个要看楼主是想查看哪些代码了？是前端JS代码还是后端开发代码呢？如果是前者需要楼主有一定的基础，可以在网页源代码中寻找内嵌入的带有标签或者找 问题四：怎么进去网页的后台？查看源代码？ 找到后台管理的入口 浮输入管理员帐号和密码登陆，然后在网站设置或企业信息的地方修改电话号码，保存。再切换到前台页面，按一下F5刷新，就看到修改的效果了。ASP源码中心的后台都是这种傻瓜式操作的，不明白可以问网站上的客服。

问题五：谷歌浏览器怎么查看网页源代码 谷歌浏览器查看网页源代码在所在页面右击选择查看网页源代码，或者在开发者调试界面也可查看。

软件工具：谷歌浏览器 版本 53.0.2785.116 m

方法一、在所在页面，鼠标右击弹出菜单，选择“查看网页源代码”。

方法二：在所在页面，按ctrl+u快捷键打开查看网页源代码页面。

方法三：在所在页面，按F12打开开发者调试页面，在Elements标签下的代码既是网页源码。再按下F12可退出开发者调试页面。

问题六：谷歌浏览器怎么查看网页源代码 打开一个网页2.

网页中右键，选择查看“查看网页源代码”

问题七：网页源码编辑，怎么查看源码的HTML代码在服务器的哪个文件里 50分 1：看开发文档

2：看目录分类，例如：admin目录下的html有90%以上是后台的。和网站同名的目录（或者是网站的英文缩写、或者是网站的标示代号等）80%是前台展示页面；以此类推

3：看html文件的文件名，一般来说html的文件的文件名起名都是有规律或者有意义的，例如：tools很明显是工具栏；header很明显是头部分；help帮助页面；foot底部栏…………

总述：有开发文档最好，要是没有就按照2、3解决，或者问你的同事、领导；

小技巧：如果你是Google浏览器：按F12候，选择Sources选项，看左下栏，能帮你定位到网站文件夹

就这么多了。。。。。。

问题八：如何查看用框架做的网页源码 简单的很，

看到框架中的SRC部分了吧。

把它加上你要看的网站的地址，就OK了。

欢迎访问我的网站，HTML学习指南。网址在用户名中。

问题九：如何查看一个网页的HTML源代码? 查看一个网页HTML源代码的方法是:打开一个网页之后,点击浏览器上的菜单查看.选择下面的源文件选项.即可打开一个记事本文件,其中就是这个网页所有代码.也可以将鼠标放置到网页上的任何位置(只要是位于没有链接.图片处,最好是网页中的空白区域),点击鼠标右键.选择其中的查看源文件即可.

问题十：safari如何查看源代码 IOS系统中主要使用苹果的Safari浏览器，上网冲浪，查看网页。

但是，与IE浏览器不同，Safari不支持查看源代码功能。

这里推荐一种查看html源代码的方式：

1. 把需要查看源代码的网页保存一个书签；

2. 编辑该书签，把网址修改为以下代码：

javascript:(function(){var a=window.open('about:blank').document;a.write('');a.close();var b=a.body.a(a.createElement_x('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.a(a.createTextNode(document.documentElement.innerHTML))})();3.关闭编辑书签，在Safari中通过书签菜单，点击该书签，出现的就是源码了

关于autojs获取网页源码和autojs源码提取的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。