js如何获取网页打开速度?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js如何获取网页打开速度?相关的知识,希望对你有一定的参考价值。

要几个常用网站的打开速度,用js代码实现,下图是360的宽带测速器,跟这个类似就行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>页面速度</title>
<script src="jquery-1.4.4.js"></script>
<script>
var obj = ;
</script>
</head>

<body>
<script>
<!--记录时间点-->
obj.one = new Date*1+10;
obj.two =  new Date*1+50;
obj.three = new Date*1+60;
obj.four =  new Date*1+80;
obj.five =  new Date*1+100;

var str = $.param(obj);

var img = new Image();
img.src = 'ns.php?'+str;

//加载完成或失败都要绑定,如果页面没有正确输出图片(只有头信息是不行的)则会触发onerror事件
img.onload = img.onerror = function()     
    //清除无用资源
    obj = img = null;
;
console.log(img);

//追加显示图片,故我们要把图片变量也清除掉
/*$(function()
    $("#btn").click(function()
        $(document.body).append(img);
        //document.body.appendChild(img);
    )
)*/
</script>
<button id="btn">单击显示图片</button>
</body>
</html>

需要jquery库支持

参考技术A 通过window对象来得到窗口相关的内外款高度信息,如下:

outerHeight属性设置或返回一个窗口的外部高度,包括所有界面元素(如工具栏/滚动条)。
outerWidth属性设置或返回窗口的外部宽度,包括所有的界面元素(如工具栏/滚动)。
innerheight 返回窗口的文档显示区的高度。
innerwidth 返回窗口的文档显示区的宽度。

在浏览器兼容方面:
所有主流浏览器都支持 outerWidth 和 outerHeight 属性。
注意:IE 8 及更早 IE 版本不支持该属性。
所有主流浏览器都支持 innerWidth 和 innerHeight 属性。
注意:IE 8 及更早 IE版本不支持这两个属性。

示例(我笔记本分辨率1366x768,浏览器全屏显示,测试):
document.write("outerWidth: " + window.outerWidth + " outerHeight: " + window.outerHeight); // 显示:outerWidth: 1366 outerHeight: 768
document.write("innerWidth: " + window.innerWidth + " innerHeight: " + window.innerHeight); // 显示:innerWidth: 1366 innerHeight: 705追问

搞错了吧,我是要获取一些网站,比如百-度打开速度,没要得到什么窗口宽高之类的

如何获取网页中的json数据?

我需要获取这个网页的json数据,然后在另一个页面以表格形式显示出来

1、首先打开你编写网页程序的软件。

2、然后新建一个php文件,用于存放json数据。

3、接着在你新建的php文件填写如下的代码。

4、然后新建一个html文件。

5、接着就是书写html的基本框架。

6、然后引入重要的JQuery文件。

7、接着书写一个div标签,用于存放json数据。

8、最后编写js程序,来获取html中的json数据。

参考技术A

1、首先打开编写网页程序的软件。

2、然后新建一个php文件,用于存放json数据。

3、接着在新建的php文件填写如下的代码。

4、然后新建一个html文件。

5、接着就是书写html的基本框架。

6、然后引入重要的JQuery文件。

7、接着书写一个div标签,用于存放json数据。

8、最后编写js程序,来获取html中的json数据。

参考技术B 抓页面的数据我知道

你可以试试看这个,请自行改一下网址= ="
public String IP() throws IOException
String IP=null;
URL url = new URL("http://iframe.ip138.com/ic.asp");
URLConnection conn = url.openConnection();
conn.setRequestProperty(
"User-Agent",
"Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2.15) Gecko/20110303 Firefox/3.6.15");
conn.setRequestProperty("Content-Type", "text/html");
conn.setRequestProperty("Accept",
"text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8");
InputStream is = conn.getInputStream();
BufferedReader br = new BufferedReader(new InputStreamReader(is,
"GB2312"));
String line = null;
while ((line = br.readLine()) != null)
System.out.println(line);

br.close();
return IP;
追问

有ajax 方法的么

追答

抱歉那个我不会= ="
我只会抓原始码= ="

你试试看改这个,这个是读取文件格式我不知道可不可以这样用!!!
conn.setRequestProperty("Content-Type", "text/html");
conn.setRequestProperty("Accept",
"text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8");

本回答被提问者和网友采纳
参考技术C 这个分两种方法,第一,运营商数据,找我就可以。第二就是软件爬虫,但是被查了

以上是关于js如何获取网页打开速度?的主要内容,如果未能解决你的问题,请参考以下文章

如何让网站打开速度快

如何获取网页滚动条滚动事件

Android Studio的Java程序如何打开网页并获取返回值

如何获取网页中的json数据?

怎么爬取网页的动态内容,很多都是js动态生

delphi怎么获取网页的http返回状态及反应时间