After an update, Chrome has completely banned Content_script from HTTPS to HTTP for security reasons, even if it is normally prompted in the console. This is good for the web, but it's bad for extensions. Usually it's easy to request data, and now it's not that easy. Fortunately, Chrome also provides Background_script,
Before you start
For this article, you will need to download and install Google Chrome V19 or later (this example is based on V19). You also need some tools that you can use to edit HTML, CSS, and JavaScript. It would be helpful if you had the experience of using chrome or Chrome extensions. Spend a little time browsi
(I am sorry for the image I just hung up.) Since Google Chrome was launchedHas evolved from a simple browser toComplex browsers, thanks to the very useful and powerful extensions written based on browsers. As a developer, we are concerned with the plug-ins in the web design and development sections, which are helpful to us. We all know several familiar plug-ins,
',
' url ': ' http:// Code.google.com/chrome/extensions '});
2. Cookies2.1, Manifest.json in the configuration
{
' name ': ' My extension ',
...
' Permissions ": [
" Cookies ",
" *://*.google.com "
],
...
}
3. Developer ToolsThe following API modules provide some of the interface of developer tools to support your expansion of developer tools.
(1) Devtools.inspec
Tab
Sometimes you click on a Web link, obviously already opened, but it is shown in the background, and you immediately want to see wood there? With this extension, it will be able to display a new open window in front of the current window, no longer need to find the East West.
7.Feedly
Figure 8 Feedly
If you are a loyal user of Google Reader, it should be bitterly shut down, now try feedly. The RSS reader inherits the spirit of Goog
Microsoft introduced the ability to use Extensions (extension) as an important feature at the beginning of the launch of the Edge browser. In the WIN10 first anniversary Update (1607), this feature was formally introduced to the majority of users (of course, insider users have long been tested for a long time). On Build2016, Microsoft has shown that in order to simplify the work of developers, a dedicated tool is being launched to port Chrome's
Google Chrome extensions Gallery Only in 2009 Year 12 Officially renewed at the beginning of the month , Within 20 days , Over 1 Thousands Extension Launch, some of which Extension Non-renewal upgraded Chrome The availability of, but also increased the appearance of the network, also integrated with other systems, so that Google
Sometimes it is really cumbersome to install too many extensions. A few days ago we introduced a one-click chrome extension to kill extensions, but it still seems a little troublesome to enable it when necessary. Why can't I use the Nokia mobile phone scenario to enable different chrome
JSON data is often used in real-world development work, and there is a need to see if the JSON data returned from the URL address in Google Chrome can be displayed in JSON format.For example, access in Google Chrome: Http://jsonview.com/example.jsonThe effect of the presentation is as follows:After installing the Jsonview extension, the following results are displayed:It is clear that the latter works bette
browser does not support desktop notification");
}
Check whether notification permissions have alredy been granted
else if (notification.permission = = "Granted") {
If It ' s okay let ' s create a notification
New Notification ("granted!");
}
Otherwise, ask the user for permission
else if (notification.permission!== ' denied ') {
Notification.requestpermission (function (permission) {
If the user accepts, let ' s create a notification
if (Permission = = "Granted") {
New Notification ("Request g
information of the attachment;
The list of attachments is sorted by different keywords (including attachment name, attachment size, message time, etc.);
Allows the user to specify a smaller search range by entering the list of attachments;
The list of attachments obtained, allowing the user to filter out unwanted entries by input;
Allows users to check the box to select multiple attachments, to achieve bulk operation;
Implementation of both Chinese and English versions.
Installation method:
Access with Chrome browser
Https://chrome.google.com/extensions/detail/pjkoglpbigbjijmncfkcpkcpddnelgbm?hl=zh-cn
JSON Format/Compress tool
Install:) under Chrome
1, to build a new folder
2, the establishment of a document named Manifest.json
3, open this Manifest.json file, can be understood as a configuration file:)
Contains the follow
Chrome Plugin Installation Method: Way one, online installationPlug directly into the Json-handle address and addHttps://chrome.google.com/webstore/detail/json-handle/iahnhfdhidomcpggpaimmmahffihkfnj?hl=zh-CNSome users in China cannot access Google's services, so they can also be installed offline using mode two.Mode two, offline installation:Http://www.cnplugins.com/devtool/json-handle/download.html1. download files to Local2. Open a new tab in
Recently also do not know is the reason for the chrome upgrade, or misoperation, resulting in several of my computer's Chrome browser to the right part of the extension program icon hidden, need to Point "" "button to expand, the operation is quite inconvenient. So how do you display the hidden Chrome extensions icon a
Priority of the rule, default 100
A rule is valid throughout the browser's session, so the rule is usually installed in the Chrome.runtime.onInstalled event handler that installs the Chrome extension. The Chrome.runtime.onInstalled event is also triggered when the Chrome extension is upgraded, so be aware that in this event handler, you first determine if there are any rules that have already
JSON data is often used in real-world development work, and there is a need to see if the JSON data returned from the URL address in Google Chrome can be displayed in JSON format.For example, access in Google Chrome: Http://jsonview.com/example.jsonThe effect of the presentation is as follows:After installing the Jsonview extension, the following results are displayed:It is clear that the latter works bette
can be configured through the Options page, which includes the stock's basic information and the user's desired range A -Interval:5,//Stock information update time interval, default 5 seconds - theNotificationfalse //whether to open notification notification, default does not open - -};Options Page Example:Popup Page Example:Indicates that the stock price has reached the desired limit.The introduction of the Chrome browser extension to this end,
Options
To allow users to customize the extensions based on their preferences, you'll want to have an option page. If you want to, in the Extender Management Panel provides an option link, click on it to open a new tab to your Options page.
First step: Declare your Extended Options page in manifest
1: { 2: "name": "My extension", 3: ... 4: "options_page": "options.html", 5: ... 6: }
Step Two: Encoding Options page
This is an example of an op
For everyone to bring two very practical, very suitable for business people to use the Chrome browser extension, a real speed Dial Quick Launch page Extender, allows users to edit the common Web site to the Quick Launch page, so that users faster and more easily find the site often used. The other is a practical bookmark record, the wrong hand to close the page can be restored in an instant.
First, Speed D
There is a problem
Do the front-end, using AJAX to get data, is often the case, the same domain naturally no problem, if it is different domain access to data, browsers have a homologous policy restrictions.
As shown in figure:
XMLHttpRequest Cannot load Origin * is not allowed by Access-control-allow-origin
Some would say it's jsonp. If the backend data interface simply returns simple JSON data, it cannot modify the data format that conforms to the Jsonp method. What should we do at this ti
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.