怎么开发属于自己的浏览器(3步轻松制作属于自己的浏览器导航)

现在很多人都有一些自己经常浏览的网站,但是每次都去搜索关键词或者地址栏输入地址是件麻烦的事情。so如何简单的管理自己喜欢的网站地址,每次打开浏览器默认的主页就是自己喜欢的呢!

此方法适用于普通没学过web的小白,大神勿喷。

看下效果图:

怎么开发属于自己的浏览器(3步轻松制作属于自己的浏览器导航)(1)

工具:记事本或任何文本工具,浏览器。

方法:

1.新建一个记事本文件,将代码复制到里面

2.修改内容

2.2 添加你喜欢的网站。将""里面的地址替换成自己需要的网站地址,并修改后面的标题。多余的地址直接删掉<li></li>整行。

怎么开发属于自己的浏览器(3步轻松制作属于自己的浏览器导航)(2)

2.3 修改默认关键词和默认浏览器。关键词可以没有,直接将“”里面的 酱有趣 删除就ok。搜索默认百度,你也可以替换成其他的,比如360的将下面的地址做个替换就好了。

怎么开发属于自己的浏览器(3步轻松制作属于自己的浏览器导航)(3)

2.4 可以修改字体等大小。

怎么开发属于自己的浏览器(3步轻松制作属于自己的浏览器导航)(4)

2.5另存为为.html 文件 .这步非常重要。

怎么开发属于自己的浏览器(3步轻松制作属于自己的浏览器导航)(5)

3. 设为默认浏览器主页。

这步可有可无。如果你想每次打开浏览器的时候主页默认都是这个页面,那就设置一下吧!

如果不设置,你就选择用浏览器打开,一般情况下会默认.html文件由浏览器打开。

几种浏览器的主页设置方式。

将下面红框的地址替换成你的文件地址。如果你不知道文件地址,右键浏览器打开,就是地址栏的地址。

怎么开发属于自己的浏览器(3步轻松制作属于自己的浏览器导航)(6)

edge

怎么开发属于自己的浏览器(3步轻松制作属于自己的浏览器导航)(7)

火狐

怎么开发属于自己的浏览器(3步轻松制作属于自己的浏览器导航)(8)

360.

怎么开发属于自己的浏览器(3步轻松制作属于自己的浏览器导航)(9)

复制以下全部代码:

<!doctype html>

<html>

<head>

<title>北斗星-下一站等你</title>

<meta charset="utf-8">

<style type="text/css">

.search-box{height:100px; width:1200px; margin:0 auto}

.input{ height:50px;width:800px; line-height:50px;}

.submit{ width:100px; text-align:center;height:55px; line-height:55px; cursor:pointer; }

.urls{width:1200px; margin:0 auto}

li{list-style:none; float:left; margin:15px;}

#time{margin-left:10px;}

#date{margin-left:50px;}

/*字体样式配置*/

.title{font-size:20px;} /*标题字体大小*/

.input{font-size:25px;} /*搜索框字体*/

.submit{font-size:20px;} /*"百度一下"字体大小*/

.urls a{ margin:10px;} /*链接字体大小*/

.input:focus{border:2px solid red;} /*标题字体大小*/

#time,#date{font-size:16px;} /*时间字体大小*/

</style>

</head>

<body>

<div class="search-box">

<div class="title">搜索</div>

<form action="" method="post" name="baidu_form">

<input class="input" id="input_value">

<input class="submit" id="submit_box" type="button" value="百度一下" onclick="get_action()" >

</form>

</div>

<div class="urls">

<div class="title"><span>导航</span>

<span id="date"></span><span id="time"></span><!-- 时间日期不想要删掉此行 -->

</div>

<li><a target="blank" href="http://www.soyouqu.com">PC_酱有趣</a></li>

<li><a target="blank" href="http://m.soyouqu.com">MB_酱有趣</a></li>

<li><a target="blank" href="http://www.aliyun.com">阿里云</a></li>

<li><a target="blank" href="https://dms-rds.aliyun.com/?host=">数据库</a></li>

<li><a target="blank" href="http://www.alimama.com/index.htm">阿里妈妈</a></li>

<li><a target="blank" href="https://mp.weixin.qq.com/">微信公众号</a></li>

<li><a target="blank" href="https://mp.toutiao.com/articles/?source_type=0">头条号</a></li>

<li><a target="blank" href="https://om.qq.com/article/index">企鹅号</a></li>

<li><a target="blank" href="http://dy.163.com">网易号</a></li>

<li><a target="blank" href="http://baijiahao.baidu.com/">百家号</a></li>

<li><a target="blank" href="https://www.zhihu.com/">知乎</a></li>

<li><a target="blank" href="http://www.jianshu.com/">简书</a></li>

<li><a target="blank" href="http://weibo.com/u/3819475631/home?wvr=5&lf=reg">微博</a></li>

</div>

</head>

</body>

<script language="JavaScript">

var jyq= document.getElementById("input_value").value="酱有趣";//搜索库默认词

function get_action(){

var input_value=document.getElementById("input_value").value;

if(input_value !==""){

window.open("https://baidu.com/s?wd=" input_value);//https://www.so.com/s?q=

}

//回车

document.onkeydown = function(e){

if(!e){

e = window.event;

}

if((e.keyCode || e.which) == 13){

window.open("https://baidu.com/s?wd=" input_value);//https://www.so.com/s?q=

}

}

}

//获取系统时间

function systemTime(){

var dateTime=new Date();

var dd=dateTime.toLocaleDateString();

var hh=dateTime.getHours();

var mm=dateTime.getMinutes();

var ss=dateTime.getSeconds();

var mm = extra(mm);

var ss = extra(ss);

document.getElementById("time").innerHTML=hh ":" mm ":" ss;

document.getElementById("date").innerHTML=dd;

setTimeout("systemTime()",1000);

}

function extra(x){

if(x < 10){

return "0" x;

}else {

return x;

}

}

window.onload = systemTime;

</script>

</html>

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页