В настоящее время есть много инструментов общего использования, таких как Jiathis, обмен BSHARE и даже некоторые крупные компании, такие как обмен Baidu, но они все еще просто делятся на стороне ПК, и их поддержка мобильных телефонов не очень хорошая.
Все знают, что во многих мобильных браузерах теперь есть встроенные компоненты обмена, такие как UC Browser и QQ Browser. Встроенный обмен компонентами может напрямую запустить соответствующий обмен приложениями. Как круто было бы, если бы JS мог бы вызвать встроенный компонент совместного использования браузера.
Эксперты среди людей. Редактор Wulin.com приведет вас к тому, чтобы увидеть библиотеку JS, написанную этим братом.
1. Введение инструмента nativeshare.js
Инструмент, который может напрямую вызовать нативного обмена через JavaScript, который имеет следующие характеристики:
1. Поддержка урожая Weibo, Wechat Friends, WeChat Moments, QQ Friends, QQ Space Sharing
2. Поддержка Browser для вызова для большего количества функций совместного использования
3. Не полагайтесь на какие -либо jQuery и другие плагины
Примечание. В настоящее время поддерживаются только мобильный UC Browser и QQ Browser
Адрес проекта GitHub: https://github.com/jefferywang/nativeshare.js
Git@osc Адрес проекта: http://git.oschina.net/wangjunfeng/nativeshare.js
2. Как использовать
1. Внедрить файлы CSS
Кода -копия выглядит следующим образом:
<link rel = "stylesship" href = "nativeshare.css"/>
2. Вставьте следующий код, где вам нужно добавить обмен:
Кода -копия выглядит следующим образом:
<div id = "nativeshare"> </div>
3. Добавьте информацию о конфигурации и экземпляруйте ее
Кода -копия выглядит следующим образом:
<Скрипт>
var config = {
URL: 'http: //blog.wangjunfeng.com', /// Общая ссылка на веб -страницу
Название: «Личный блог Ван Джунфенга», // Название
Desc: «Личный блог Ван Джунфенга», // Описание
IMG: 'http: //www.wangjunfeng.com/img/face.jpg' ,/// Picture
IMG_TITLE: «Личный блог Ван Джунфенга», // Название изображения
От: «Блог Ван Джунфенга» // Источник
};
var share_obj = new Nativeshare ('nativeshare', config);
</script>
3. Демонстрационный скриншот
Рисунок 1: Поделиться с Sina Weibo
Рисунок 2: Поделиться с моментами WeChat
Рисунок 3: Поделитесь с контактами через WeChat
Рисунок 4: QQ совместно с контактами
Рисунок 5: Обмен QQ в космос
Рисунок 6: Вызов встроенного компонента совместного использования браузера