How to DIY the default page when chrome creates a tag ?, Chromediy

Source: Internet
Author: User

How to DIY the default page when chrome creates a tag ?, Chromediy
Solve this problem by creating an extension.
Create at least two files.
Mainifest. json
W01.html (the file name is specified in the project file above and can be set by yourself .)


The content of the first file is as follows:
# I am writing comments. I don't know if the program can have comments. Therefore, the comment is removed during use.
-----------------------------
{
"Name": "DIY page 20140817", # extension name
"Description": "author: wide288", # extended description
"Version": "1.0", # extended version
"Manifest_version": 2,
"Chrome_url_overrides ":{
"Newtab": "w01.html"} # display content of the specified new tag
}


-----------------------------
No comments are written, unchanged. For more information, see chrome. I did not find more


Refer:
Http://bbs.kafan.cn/thread-1047032-1-1.html
Http://bbs.kafan.cn/thread-1046868-1-1.html
Http://blog.csdn.net/pangdingshan/article/details/7172803


W01.html content:
---------------------------------
<Body bgcolor = "# 6A5ACD" link = "# ffffff" alink = rgb (255, 77, 41) vlink = "# ffffff">


<Font size = "2" face = "PF Tempesta Seven" color = rgb (255, 77, 41)>
Go internet machine. <br/>


<Table border = "0" width = "100%" cellpadding = "5">
<Tr>


& Lt; td width = "5%" valign = "top" & gt;
<Font size = "2" face = "Arial" color = rgb (34,181,246)>

<Font size = "1" face = "PF Tempesta Seven" color = rgb (60, 60)>
Social networking:
<P>

<A href = "http://weibo.com/wide288" Style = "Text-Decoration: None"> Sina Weibo </a> <br/>
<A href = "http://www.facebook.com" Style = "Text-Decoration: None"> Facebook </a> <br/>
<A href = "http://blog.csdn.net/wide288" Style = "Text-Decoration: None"> csdn. blog </a> <br/>
</P>
</Td>


& Lt; td width = "5%" valign = "top" & gt;
<Font size = "2" face = "Arial" color = rgb (34,181,246)>

<Font size = "1" face = "PF Tempesta Seven" color = rgb (60, 60)>
News:
<P>

<A href = "http: //" Style = "Text-Decoration: None"> link 1 </a> <br/>
<A href = "http: //" Style = "Text-Decoration: None"> link 2 </a> <br/>
<A href = "http: //" Style = "Text-Decoration: None"> link 3 </a> <br/>
</P>
</Td>


& Lt; td width = "20%" valign = "top" & gt;
<Font size = "2" face = "Arial" color = rgb (34,181,246)>

<Font size = "1" face = "PF Tempesta Seven" color = rgb (60, 60)>
Forum:
<P>

<A href = "http: //" Style = "Text-Decoration: None"> link 1 </a> <br/>
<A href = "http: //" Style = "Text-Decoration: None"> link 2 </a> <br/>
<A href = "http: //" Style = "Text-Decoration: None"> link 3 </a> <br/>
</P>
</Td>


</Tr>
</Table>


</Body>
-------------------------------------
After these two files are created. We need to package the extension program through chrome.
Package the directories of these two files into *. crx extensions.
Install the extension to chrome. No need to restart chrome


Click chrome Settings button-tool-Extended Program click developer mode in the upper right corner click Package extended program to select your folder
Package.
Two files are generated in the directory at the same level.
**. Crx
**. Pem
Drag the **. crx file into the webpage. Now.


Create a new tag to see the effect.
How to change chrome's new tab to the default Style

Go to chrome's setting options and perform the following operations:




How to change chrome's new tab to the default Style

Enter chrome: // flags/in the address bar/
Find "enable Instant Extended API Mac, Windows, Chrome OS", and select "disabled" from the drop-down menu ".
Restart Chrome.


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.