chrome如何添加js插件

JavaScript09

chrome如何添加js插件,第1张

如果有科学上网软件,在谷歌浏览器上安装插件是步骤最简单的方法。只需要在下载安装、更新的时候需要科学上网设置,以后使用都不需要。请注意: 科学上网时,chrome添加js插件的操作步骤如下:

1) 需要退出亚马逊店铺登陆,退出(log out);

2) 启用科学上网软件,点击下载:JS插件-Chrome网上应用商店;点击“添加至Chrome”(Add to Chrome)按钮安装即可;

3)关闭翻墙以后,清除cookie;

4)继续登陆店铺即可。

注意事项:如果下载过程中出现报错,可以更换科学上网节点;如果电脑上没有店铺的话,忽略登录/退出店铺的操作。

想要了解更多有关js插件的相关信息,推荐咨询Jungle Scout。作为亚马逊官方认证的第三方服务商,全球超火的亚马逊选品运营工具的Jungle Scout,利用JS插件和Jungle Scout网页版来开发产品,扩张FBA业务,帮助卖家规避选品风险,提高利润!JS插件(Chrome Extension),是亚马逊卖家圈中的第一款明星产品,功能强大、设计简单,卖家可以一键查看现有产品的销量、竞争程度以及历史销售趋势。

准备的材料分别是:chrome浏览器、电脑。

1、首先打开chrome浏览器,点击菜单上的“设置”按钮。

/iknow-pic.cdn.bcebos.com/f31fbe096b63f6245621f0e08944ebf81b4ca3d1"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/f31fbe096b63f6245621f0e08944ebf81b4ca3d1?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/f31fbe096b63f6245621f0e08944ebf81b4ca3d1"/>

2、其次,鼠标拉到底部,点击底部的“高级”按钮。

/iknow-pic.cdn.bcebos.com/72f082025aafa40fac9c073ea564034f79f019ff"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/72f082025aafa40fac9c073ea564034f79f019ff?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/72f082025aafa40fac9c073ea564034f79f019ff"/>

3、接着,点击“网站设置”按钮。

/iknow-pic.cdn.bcebos.com/6c224f4a20a4462338b36c819622720e0df3d7dc"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/6c224f4a20a4462338b36c819622720e0df3d7dc?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/6c224f4a20a4462338b36c819622720e0df3d7dc"/>

4、从弹出的面板,再再点击“JavaScript”菜单。

/iknow-pic.cdn.bcebos.com/cefc1e178a82b901b3d40ad07d8da9773812efdd"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/cefc1e178a82b901b3d40ad07d8da9773812efdd?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/cefc1e178a82b901b3d40ad07d8da9773812efdd"/>

5、最后将“允许(推荐)”按钮打开,之后刷新页面即可生效。

/iknow-pic.cdn.bcebos.com/dcc451da81cb39db66b8aeb5de160924aa1830dd"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/dcc451da81cb39db66b8aeb5de160924aa1830dd?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/dcc451da81cb39db66b8aeb5de160924aa1830dd"/>

工具:谷歌浏览器

步骤

打开开发者工具,可以直接在页面上点击右键,然后选择审查元素或者在Chrome的工具中找到或者直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台),或者直接按F12。

打开的开发者工具就长下面的样子,建议将开发者工具弹出作为一个独立的窗口。

这个就是查看、编辑页面上的元素,包括HTML和CSS:

左侧就是对页面HTML结构的查看与编辑,可以直接在某个元素上双击修改元素的属性,或者点右键选Edit as Html直接对元素的HTML进行编辑,或者删除某个元素,所有的修改都会即时在页面上得到呈现。

Elements标签页的右侧可以对元素的CSS进行查看与编辑修改: