工具：谷歌浏览器
步骤
打开开发者工具，可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。
打开的开发者工具就长下面的样子，建议将开发者工具弹出作为一个独立的窗口。
这个就是查看、编辑页面上的元素，包括HTML和CSS：
左侧就是对页面HTML结构的查看与编辑，可以直接在某个元素上双击修改元素的属性，或者点右键选Edit as Html直接对元素的HTML进行编辑，或者删除某个元素，所有的修改都会即时在页面上得到呈现。
Elements标签页的右侧可以对元素的CSS进行查看与编辑修改：
如果有科学上网软件，在谷歌浏览器上安装插件是步骤最简单的方法。只需要在下载安装、更新的时候需要科学上网设置，以后使用都不需要。请注意: 科学上网时，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自version37起已经默认停止了对window.showModalDialog的支持(可以修改注册表获得2015年5月之前，这种修改都有效)。
而对于从浏览器手动打开的非modal的窗口，在我意识到self close问题以来，Chrome都是不支持的——比如你给自己的page做了个logout的功能，点击之后想用你提到的self close方法关闭这个page，在Chrome上是关不掉的(但是你可以指定到另一个显示logout状态page，效果一样，logout也不一定就非要把那页关掉不是)。
既然它现在停止了支持showModalDialog，非modal窗口又不允许self close，那全面取缔从代码里self close也是情理之中迟早的事情吧。
解决方案：
对于解决showModalDialog问题，你可以自己用iframe之类的自己去模拟一个modal窗口，就像微博的转发窗口，点开之后用户将无法操作原页面的其他element。但是模拟的话，主要会遇到JS继续执行的问题，showModalDialog是会阻止原页面JS继续执行的，直到获取到新窗口的的返回结果，自己模拟这个行为的话，可以考虑call back方式，时间篇幅所限，不细说了哈，想取代showModalDialog都遇到这个问题，网上应该能搜到不少封装好的方法。
再说一点你需要自己写一个showModalDialog的原因，在Chrome宣布停止支持showModalDialog之后，FireFox也首次在文档和DebugTool里标明他们也会停止对showModalDialog的支持。暂时还没正式停止，大概是在等用户对Chrome这个操作的反应。
showModalDialog原来毕竟是IE独有的东西，一直没纳入W3C标准。Chrome对它的支持一直很差，比如从一个page打开showModalDialog，你还可以去其他page操作，也可以查看原page，甚至可以在原page上操作，只是这些操作只有在你关闭了showModalDialog之后才会起作用。
但是FireFox对showModalDialog的支持其实一直是很好的，基本跟IE上用起来基本无差，但是IE也在慢慢遵循W3C标准(特别是新出的IE11)，FireFox抛弃showModalDialog也是早晚的事情。
最后，自己"画"的modal dialog完全在你的控制之下，可以暴露一个close接口来允许从子窗口里关闭父窗口打开的modal dialog。
(近期没少受此困扰，码了这么多，跟吐槽似的了……)
