微信内置浏览器打开以下这个网站的图片无法保存到手机本地

Question

使用微信内置浏览器无法长按保存下面这个网站的图片：photoswipe.com
因为目前使用到这一库，且希望实现长按保存的功能，望不吝赐教

Answer 1

谢邀。应该是这个-webkit-touch-callout属性。

-webkit-touch-callout 这个CSS 属性禁用了默认的callout展示， callout是指当触摸并按住一个元素的时候出现的提示。
https://developer.mozilla.org...

全局搜索，干掉它就可以

那个首页的demo中的这个

---

更新一下答案

最终发现，是微信的webview中的一个内置规则，只要是a标签(含href属性)里面嵌套Img的，都不能正常呼出菜单栏。

特此更新，以此警戒以后搜到相关问题的人。

留下一个demo，供测试
https://jsfiddle.net/wgfcmfrh/2/

Answer 2

因为插件的样式文件photoswipe.css 中添加了 user-select: none; 你去掉应该就行了
看下图：

Answer 3

另外photoswipe在查看大图时不能响应长按事件的，因为默认只有a标签为clickable，如图：

若业务需要，可在options中修改isClickableElement方法。
如需要在查看大图时响应长按事件，可修改为：

isClickableElement: function(el) {
    return el.tagName === 'A' || el.tagName === 'IMG';
}

官方options配置